In the previous article, we introduced how to integrate Baidu editor Umeditor in Yii2 and how to solve the problem of umeditor uploading pictures.
Today we're going to talk about YII2 integration another powerful and easy-to-use Rich Text editor redactor, personally feel redactor than Baidu
What you want is the WYSIWYG HTML editor, which requires a few basic steps in simple terms:
1, you need an edit box that you can edit and display the effect. TextArea, it can only be used to enter plain text, can not display color, italic, such as text styles, like Notepad.
You can use IFRAME to implement, modify the DesignMode property of the IFRAME so that it
code, he would never say it was not elegant enough.
Next we will continue to talk about the two product reconstruction experiences.4. Code refactoring twice
Here we only talk about js Code refactoring. The reconstruction of uidesign will be mentioned below.
First js Code (original version)
To be honest, I have forgotten all the js Code of the first version. Just
When you use Eclipse RCP to develop your own applications, you often need to use the editing and presentation of the format text. But the Swt/jface component does not provide the right components to accomplish this task, text is far from our requirements. The body part of the official document in my OA system needs a suitable rich
constructor, create an editor instance = Editorproto; // prototype chain inheritance6. Verifying Beforesubmit and Aftersubmit event effectsThe HTML defines two div as a container for two editors.id= "Editor">print ... Div > ID= "s">div>JS in the HTML two div in the creation of the editor, and the first
Mobile Rich Text Editor artEditor and text editor arteditorAbstract:
Because mobile phones are relatively slow in typing and are not suitable for long articles, there are very few rich text
can develop your own ideas and find out what functions are incomplete. Start adding the simplest functions, such as adding the image upload function. But how to start?
Ask Baidu and write the rich text editor by yourself. I cannot understand this level. Is there any video? It is better to face the process and take care of most Cainiao like me. Object orientati
1. AIE (Demo address)
AIE is an open-source Ajax Image editor, based on ExtJS and PHP ImageMagick development, easy to integrate with other applications such as blogs/albums. Provides the ability to resize pictures, crop pictures, rotate/flip pictures, apply filters, add text, add watermarks, and more.
2. Markitup (Demo address)
Markitup is a lightweight, customizable, flexible WYSIWYG
Recently when the project encountered a Baidu artifact: Editor Rich Text Editor. But also encountered a lot of compatibility issues, now write a short essay to share:First: In Firefox, the Edit Function button in the Editor section cannot be displayedAs you can see, only the
KindEditor Rich Text Editor, which detects potentially dangerous Request. Form values from the client, and kindeditor Editor
When using the rich text editor, the common problem is that
Ueditor Baidu Rich Text Editor's Initialframewidth property, the default value is 1000.The screen width cannot be adaptively adjusted. 1:At first, I was setting initialframewidth=null directly. Effect 2:So the ueditor Baidu Rich Text editor will get the screen width the firs
"en">"UTF-8"> class="app"contenteditable="true"> "content">12345675345"Content2">12345675345"btn"> Show selected text View CodeHTML Rich Text Editor related--output selected text and active selection text
I know the rich text editor is like the DZ Forum, as seen in the resulting.
1: But I always have a question, not to say that the data submitted by the client to filter it, or is not XXS, DZ is UBB way to deal with it?
2: Those rich text
, such as asp, asp.net, jsp, and php. Which are useless in django.
Step 2: Introduce the deleted file to your project. Static/js/editor/in the root directory/
Step 3: Introduce the js file of kindeditor into the webpage for the rich text
The rich text editor I know is what I see on the DZ forum. 1: But I keep wondering, isn't it because the data submitted by the client needs to be filtered? Otherwise, isn't it XXS? Is DZ processed in UBB? 2: After those rich text editors are submitted to the server, the
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.