I have modified the CQ’s rich text editor with the special char plugins. But the issue is, this includes the html source editing plugin also. I don’t want to include that in my rich text editor. Is there any way that I can include special chars but not html source editing. Basically i don’t want the html editing option in RTE.
The specialchars feature is made available through the misctools plugin which also contains the sourceedit feature.
In order to activate specific features of the plugin, the features property has to be a String[] with values of the specific feature you require as shown below.
"rtePlugins": {
"jcr:primaryType": "nt:unstructured",
"misctools": {
"jcr:primaryType": "nt:unstructured",
"features": ["sourceedit"]
}
}
In case you the features property is of type String and value is *, then it would include all the features of the plugin. Probably that is why you are getting sourceedit along with specialchars.
Configuring the Rich Text Editor might help you understand more on using the rich text editor in AEM. Also refer the API documentation for the MiscToolsPlugin.
Related
Does anyone know of a ready-made plugin that allows adding input, textarea, select etc. on tinymce?
The tinymce.dom.Selection API (https://www.tiny.cloud/docs/api/tinymce.dom/tinymce.dom.selection/#select) allows you to select elements or set content in the TinyMCE editor. You can assign the API class to an action or an interaction element like a button or form, and any selected content will be replaced with the contents the API action passes in.
If that's not a good fit for what you need, is there an example of the type of adding input, a textarea, or a select you're looking for?
There are no official plugins that allow such interactive elements to be added. TinyMCE is a text editor that is built to create blog posts, articles, etc. By design, it is not a page builder. However, there may be some unofficial plugins on GitHub that may implement such features.
If you are going to insert forms and text areas that should not be edited or reconfigured afterward, you can use templates. They may come as any valid HTML. Thus, some fixed forms can be just saved as templates.
Another way is, of course, inserting HTML directly into the code.
I have an extension installed to add custom handling of a HTML/CSS/JS environment that has custom features for the Sciter UI library. However, this extension requires me to associate the file types I want to use the custom sciter verions of things, such as:
"files.associations": {
"*.scs": "sciter-css",
"*.shtm": "sciter-html",
"*.shtml": "sciter-html"
},
While the majority of things are normal HTML, there are some special features that are added in the extensions language files.
Is there a way for me to use these custom associations but still have the ability to use the built-in / default HTML formatting when I tell VSCode to format the document? (Same for CSS, and JS.)
Edit:
Based on the information I'm hearing from you, you might be able to use the beautify extension with these settings in your user or workspace settings:
{
"beautify.language": {
"js": ["js", "json", "tiscript"]
"css": ["css", "scss", "sciter-css"],
"html": ["htm", "html", "sciter-html"]
// ^^ providing just an array sets the VS Code file type
}
}
End Edit
As a general answer, unfortunately no.
There can only be one active "language" for a document. Though there is a discussion here about allowing multiple languages.
The extension author either needs to add their features to the existing html, javascript, and CSS languages, or the developer themselves need to add the basic functionality for those languages.
Also, instead of using a language ID at all, the extension author could also provide functionality based on the file extensions directly and allow the user to provide a different set of file extensions in the settings if they need them.
Is there any way to customize the TextArea field as a Rich Text editor and make it usable by end users.
I see a documentation from Adobe on "Configuring the Rich Text Editor". I think this is only for the authors who customizes the text content in pages.
My requirement is to show the same Rich UI editor for the users to type texts with formats, alignments etc.
Any advice would be greatly appreciated..
-Nith
If its needed for end user, feel free to use any opensource/paid richtext editor. Ultimately its an arrangement of html/css & js for end user.
I want to set my textarea in my php project with texteditor like Stackoverflow's. So I can input Text Code in special format display. Is there any plugin like that in PHP?
Creating text with some markup syntax is usally done on the client-side and not server-side, which is why I would recommend you look for a javascript-wysiwyg-editor.
Check out this link for an overview.
Check out this Blog Post for info on how WMD Markdown Editor is used on Stack Exchange (as answered in this Meta question).
i am building a webapp that will have notes fields all over the place, but i dont know what kind of markup i should use.
these are my requirements
User must be able to change the text style (bold, italic, underlined)
User must be able to create bullet lists
User must be able to create numbered lists
User must be able to change the font-size or use pre-definded headings
User must be able to add links
User must have a WYSIWYG - Editor that hides the actual markup
the last one is the most important requirement, my target users struggle even with word, so using markup style input like here on stackoverflow is not an option.
so what kind`s of markup do you know that fits ans has some fancy WYSIWYG - Editor?
if you think that i missed a important requirement please feel free to suggest it.
tia
You'll need to check out tinyMCE.
It's the best javascript-based WYSIWYG editor I've found.