Quilljs Text 'Regions' - quill

What is the best strategy to use within QuillJS ( blots, containers etc ) to essentially create what appears to be a single 'document' in the Quilljs editor but is, in fact, multiple regions that are saved separately?
For example, a quilljs instance looks like the following:
Some title 1
Some text one and more text for one and yet some more.
Some title 2
Some text two and more text for two and yet some more.
When the user hits a save button I would like to extract the text below each title ( example: Some title 1 ) and save the user's text separately ( example: Some text one etc. ).
Do I have to parse the delta object to achieve this or can I wrap the text below the title sections in a unique object that I can then extract the delta from?

Related

Creating select event on text component and creating custom view upon text

My aim is create custom event on Text Component. When I choose one word or when I highlight couple of words, event should fire to open a "buble view" upon, below or near that specific text.
I have found this package here react-native-selectable-text but it does not provide the functionality that I want.
https://github.com/Astrocoders/react-native-selectable-text
Two steps
1) How to create that selectable action. I am not talking about Text prop selectable which only opens a menu of copy, paste, select all options. I want to open a view like that menu. A view which will contain information about highlighted text.
2) How I can render a small box(View comp.) with specific coordinates. Like when I choose that text, box has to be rendered upon or below of the text.
I know direct manipulation. But hard part is how am I going to give that select&highlight action to text component?

SSRS : how to add an icon with a data region

My aim is to have the icon , combined with the results of my dataset
I'm adding an icon in my textbox. The textbox is part of a table , within a list.
Then I put the name of the image plus the name of my dataset (as you can see below)
"mailsocialmedia128" + Fields!MyFieldname.Value
Issue is the icon is only appearing when the dataset is empty. But when the dataset is not empty , I have a ... red cross (see picture below).
How can I have the icon and the data related , inside of the text box?
Thanks in advance for any insights you will be able to provide
Rather than trying to achieve all of this in a single text box, you can instead create multiple objects within the area.
Right click the text box and select Insert -> Rectangle
You can then insert both a Text box to display the text and a separate Image control to this area, and one won't affect the other.
It could look something like this in design view
And like this in preview
Let me know if this is helpful, or if you require further assistance

How to edit EXIF populated content type fields in Drupal 7

I am using Drupal 7. I have created a content type IMAGE with keywords, caption, headline, category populated by EXIF and I also autogenerate the label. All I have to do is select a local image and hit save and everything I need is populated from the image metadata - all good so far.
The only problem is that I cannot edit the EXIF populated fields. If I want to move an image from one category (taxonomy) to another or notice a typo in the caption the only way I can make corrections is to delete the image, correct the text locally and reupload the image - when I select EDIT having found the content the default edit page does not show the field populated by EXIF. If I change them on the content type to a text or taxonomy field I can edit them, but I can't do that each time I want to edit a field.
I have searched but found nothing to help. Alternatively I have considered duplicating the EXIF populated fields on the IMAGE content type amd populating them using tokens from the EXIF populated fields and using those to drive my display views etc. I should then be able to edit them but it is not a very elegant solutions. I am not sure that will work after initially trying it.
I also have an issue that I need a multi-valued field other than keywords that I can use for the category/gallery (and there isn't one in the standard it seems). That will probably be a separate question when I have solved the editing problem.
I also tried using EditableViews modules which looked promising but it would still not let me edit the fields although it did display them.

How to implement textinput control and identification

I have a text input box where users can add text, however I would like my program to identify the text in the box and match it up with text in a database.
So the user essentially can't add any text which isn't on the database. So the user will type in the text input box and maybe like a quick selection box appears below it to identify what is being added based on the items on the database.
Not sure where to start implementing this.
Textboxes are just normal textinput components at the moment:
<s:TextInput id="searchInput3" includeIn="AddingInput3" x="126" y="304"change="onChange3(event)"/>
Database is just a local xml file
Looks like you meant auto completion in your text input.
You must search for this in your favorite search engine: "flex text input auto complete" and you should get many results.
One such example for the same is:
http://www.packtpub.com/article/building-a-flex-type-ahead-text-input

Styling views in Drupal 7

I developed a content type of "sale car". Now I'm developing its view to display a brief list of Car Ads with some basic fields (car, model, color, price, link to full ad) inline of each other like this:
BMW, 120 d $X,xxx,xxx.xx
Royal Blue, Automatic, View Ad
I'm wondering how can I achieve this style? What style format I should use: Table, Grid or something else? Or do I need to get it done through coding?
You want to create a view that is a list of fields.
Once you've got this, add the relevant fields into the view and you should be done.
Choose the relevant format from the format link, check the preview and you should have your view.
To create the view structure:
Node 1 Node 2
Field 1 Field 2 Field 1 Field 2
Field 3 Field 4 Field 3 Field 4
Add all four fields to the view. On each one select "exclude from view". At the bottom of the field list, add a new "custom text" field.
Do exclude this one from the view though, that's important.
Go into the custom field and in the textarea you can enter HTML code and use the replacement patterns to output the field.
For example:
<h2>[title]</h2>
<ul>
<li>[field_one_name]</li>
<li>[field_two_name]</li>
</ul>
<ul>
<li>[field_three_name]</li>
<li>[field_four_name]</li>
</ul>
Get the name's from the Replacement Patterns box under the textarea.
Then select whatever format you think is right. I think you're after a grid.
Drupal provides a way to style the view.
Go to your view.
Click on 'Advanced' link at right side.
Click on link after the label 'Theme'.
You will get the list of templates used to style the view.
Create your own template with one of the given name in the list for
specific fields. e.g. views-view--VIEWNAME.tpl.php
You will get the view of your own style.
This is how the Drupal views styling works. :)
Styling views in Drupal 7:
Add field(which to display) and check the option "Exclude from display".
Now go to "Rewrite Results" and check the option "Rewrite the output of this field"
and below there is a section called "Replacement patterns" where all the added
fields appear as a variable(saying variable just for easy understanding)
Like :
[title] == Content:
Title[field_event_date] == Content:
Event Date[body] == Content:
Body[body-value] == Raw value
Above there is a text ares called "Text" where you can customise your style
for this field(Not good practice follow step 4 for better)and clicl "Apply All".
Now add one more field(this is an extra field) called "Global: Custom text"
DO NOT check "Exclude from display" and below text area called "TEXT"is
the area where we will be writing our HTML codes for styling the views
using all the fields which are avalable as token here under the option
"Replacement patterns".
Click on the "Apply All", And YES its done.So simple and cool na??

Resources