Geek Answers Handbook

Best WYSIWYG JavaScript Solution for Fixed Box

I have a box exactly 425px x 100px in size, and I want my users to erase this box content using the WYSIWYG editor. They should be able to use almost every HTML inside this window.

No, I'm looking for a suitable WYSIWYG editor, I used TinyMCE for these problems, but I think it is best for long continuous text, but right now I have a fixed box.

It would be great if the editor could fully position the text and images so that the user could place their contents wherever they want inside this window.

+8
javascript html tinymce wysiwyg
source share
5 answers

http://ckeditor.com/

I found a useful ckeditor, it had rich functionality in relation to images or text, it allowed you to use the WYSIWYG and html formatting methods, and also have a “canvas” size of a fixed size that the user could customize according to his needs,

screen printing of my practical use, enter image description here

, and here is the source screen enter image description here and finally i use canvas with fixed size 800x500

enter image description here

+6
source share

You can do this using tinymce. To fix text and images, you will need your own css content (see tinymce documentation for the content_css configuration parameter ). You can even determine the paragraph width of the tinymce content in this css by solving the box problem. Css (which will be placed in your own css file) for your box problem will look like this:

p { width: 100px; }

Regarding the length (or better value), you may need to implement your own plugin and check the length of the contents of the editor there. If this length has already been reached, you delete the letter / content that the user simply tried to insert.

+4
source share

A simple but effective solution would be PageDown . It uses Markdown, so it allows you to format HTML. However, PageDown includes two scenarios for disinfecting its content. With a little change, you can allow or limit additional tags.

Regarding positioning, as Tariama said, which is easily controlled by your CSS, so this is not a problem for WYSIWYG editors.

+1
source share

depending on your needs i would suggest for nicedit . You can also use it in the light version with a fixed height and width.

0
source share

More articles:


All Articles