How to change text in toolbar button? - tinymce

I have a toolbar in my TinyMCE editor. All buttons are correct, but I would like to change the text "Formats" to the Dutch translation "Lettertype".
I tried to add this in the init settings but I guess the toolbar and the menubar are something different:
menu: {
format: {title: 'Lettertype', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'}
}
I couldn't find a solution on the web, so how do I change the text?

There are language packs that will translate the entire UI of TinyMCE to other languages. The packs can be downloaded from here:
https://www.tinymce.com/download/language-packages/
There is a Dutch language pack that (once deployed) should update that button along with the rest of the UI.
If any of the translations don't match your expectation you can modify the js file to meet your needs.

Related

How to make text editor wih bold, italic, etc formatter in flutter?

I want to make flutter app which has a textfield who can be edited with format bold, italic, underline as shown in this picture
https://i.stack.imgur.com/OKD04.png
is there a way to make this come true with flutter?
Check out Zefyr. It's a package for "soft and gentle rich text editing for Flutter applications".

Change tinymce toolbar icons to text

How can I change tiny mce editor's toolbar icons to text ?
I want these icons to be text buttons.
TinyMCE adds buttons to the toolbar in a variety of places. The method addButton (which is in the tinymce/classes/Editor.js file) is the method used to add a button to the toolbar:
https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#addbutton
If you want to change all of the icons to text strings you need to find the code where each button is added to the toolbar and modify the call to addButton to not use an icon.
For example, the print plugin has this code:
editor.addButton('print', {
title: 'Print',
cmd: 'mcePrint'
});
...which you could change to this:
editor.addButton('print', {
title: 'Print',
cmd: 'mcePrint',
text: 'Custom Print'
});
You would then see the text Custom Print on the toolbar instead of the icon.
A word of warning - the core editor code adds some buttons, and plugins add some buttons. If you truly want to replace the icons of all buttons you will have to modify a fair amount of code in TinyMCE which will make upgrading the editor much harder.

How to use Rich Text Editor in AEM web page

I am creating a form, and in that I need to input some text and I want to use Rich Text editor in it.
When that page is published, then the user must be able to enter the text using that rich text format, i.e. Bold, italics, bullet number list etc .
How can i use the AEM rich text editor in it. I know I can include any other free editor available in the market.
I like to know that how can I use the rich text editor which is used in dialog by AEM?
You need to use a existing richtext editor in front end side like a field in the form. For example: wysihtml5

How can I localize the text used as tool tips of vaadin richtext area?

In the official documentation they suggested to use css for localizing the tool tips of vaadin richtext area and it says:
Localizing RichTextArea Toolbars
The rich text area is one of the few components in Vaadin that contain
textual labels. The selection boxes in the toolbar are in English and
currently can not be localized in any other way than by inheriting or
reimplementing the client-side VRichTextToolbar widget. The buttons
can be localized simply with CSS by downloading a copy of the toolbar
background image, editing it, and replacing the default toolbar. The
toolbar is a single image file from which the individual button icons
are picked, so the order of the icons is different from the rendered.
The image file depends on the client-side implementation of the
toolbar.
.v-richtextarea-richtextexample .gwt-ToggleButton
.gwt-Image {
background-image: url(img/richtextarea-toolbar-fi.png)
!important;
}
I've downloaded the toolbar background image.
My question is how can I localize the string used for the tool-tips of the Rich Text Area tool bar? Or is there any vaadin add-ons that can be used as a replacement of Rich Text Area with language localization feature?
Try Vaadin Addon - Wrapper for CK Editor.
Here you can find online demo. It automaticaly localizes to my browser language.
You can find more information on official CKEditor site.

Enter superscript in textfield

How can I enter a superscript in a text-field in blackberry cascades. I am making a small maths apps and need to enter some text in superscript(variables power)? If this is not possible can you suggest some possible workaround. I am using these in a list too, so I would prefer if rich text is not used.
You can use HTML text styling (including CSS) for certain widgets with text ie Label, TextField etc. Not sure if there's a tag for superscript since tags support is quite limited, but it's worth to have a look at available ones:
http://developer.blackberry.com/cascades/documentation/ui/text/styles.html (scroll down to HTML text styling section)