Analysis on the implementation principle of the online wysiwyg html editor, WYSIWYG Analysis
Nowadays, website development is more and more advocating user experience and providing more and more convenient tools for users. The online
Online WYSIWYG HTML Editor's realization Principle analysis
This article mainly introduces the realization principle of the WYSIWYG HTML editor on line, this article uses initialization, open editing function, get
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
Date: 2013-5-1 Source: gbin1.com
Online Demo
If you are looking for a boostrap HTML Rich Text Editor, we recommend a simple Rich Text Editor-Bootstrap-WYSIWYG.Main features
5 KB
Automatic hotkey support (MAC and Windows)
Drag-and-drop insertion of images. images can be uploaded (photos can be taken on mobile phone
Http://www.geniisoft.com/showcase.nsf/WebEditors
Ttw ("through the Web") WYSIWYG web editors-the list
Browsers (assumed version): Firefox 1.0 +, Internet Explorer 5.5 +, Mozilla 1.3 +, Netscape 7.0 +, opera 6.0 +, Safari
ND = Lotus Notes/Domino, x = XHTML, t = customizable toolbar, A = API available,: Green = Yes, red = No, white = not determined yet, so E-mail us if you know. for those printing this page, J means "supported", and l means "unsuppor
This article mainly introduces how the wysiwyg html editor works, this article describes the basic implementation principles of the online editor through initialization, opening the editing function, obtaining the content of the editor
This article mainly introduces how the wysiwyg html editor works, this article describes the basic implementation principles of the online editor through initialization, opening the editing function, obtaining the content of the editor
There is a copy that covers almost allWYSIWYGOnline Editor comparison table:
Http://www.geniisoft.com/showcase.nsf/WebEditors
OpensourceAnd commercial applications. However, this data is still a small error, suchFCKeditorIs incorrect.
InOpensourceWhich of the following is the best risk assessment currently?Tinymce,FCKeditor,Xinha.
WhereTinymceIt is favored by most people and is fast and stable.Safari. HoweverTinymceBesidesHtmlar
HtmlDocEdit, a WYSIWYG micro HTML editor, is produced by NirSoft.
When we introduced FileTypesMan, we found a WYSIWYGHTMLEditor is the simplestHTMLEditor. The latest version is 1.02.
Offline programs are not edited online. For green software, the configuration is also written into the. cfg file in the folder where the
the four channels individually.public static System.Windows.Media.Color Pick () { System.Windows.Media.Color col = new System.Windows.Media.Color ( ); using (System.Windows.Forms.ColorDialog ColorDialog = new System.Windows.Forms.ColorDialog ()) { Colordialog.allowfullopen = true; Colordialog.fullopen = true; System.Windows.Forms.DialogResult result = Colordialog.showdialog (); if (result = = System.Windows.Forms.DialogResult.OK) { col. A =
Content Tools is a JavaScript library for building WYSIWYG editor (WYSIWYG). The Contenttools WYSIWYG editor can be added to any HTML page in just a few simple steps. There are step-by-step guides, common usage scenarios, and more
Bootstrap Rich Text Editor-bootstrap-wysiwyg,-bootstrap-wysiwyg
During the input of an English question, the following questions are frequently asked:
My friend watches dragon boat races at the Dragon Boat Festival. (ask the underlined part)
-- _______ Is the Double Ninth Festival?
-- It is in October.
In the above question, we need to find a rich text
How to use the Bootstrap-wysiwyg text editor, give full play to the editor's advantages, I hope you can have some harvest.
Main Features:Super Small 5kbAutomatic hotkey Support (Mac and Windows)Drag and drop Insert picture, support picture upload (support mobile phone photo)Support for sound input (chrome support)Allow custom toolbars to use all bootstrap content, fontsDo not use any of the coerced style
What the HTML online editor is actually
In fact, there are several ways to implement, currently used most, compatibility best or IFRAME way.
Only this empty IFRAME does not work, but also use JavaScript to make it editable:
iframe.contentWindow.document.designMode = "on";iframe.contentWindow.document.contentEditable = true;
In other words, theHTML
characteristics to people's feeling is very professional, provide a variety of HTML tag parameters more, can be comparable with Dreamweaver, perhaps the production staff also refer to the function of Dreamweaver organized it,
But tiny is a bit unstable and not suitable for template editing because its full page editing function is not very good, and it does not support the form
These two editors have their own strengths, and they see a person's prefe
has a very good characteristics of the feeling is very professional, the provision of a variety of HTML tag parameters are more, can be comparable to Dreamweaver, may be the production staff also refer to the function of the Dreamweaver organization it,
But tiny is a bit unstable and not suitable for template editing because its full-page editing is not very good, and it does not support forms
These two editors have their own strengths, and they se
Detailed | online
The HTML online editor does not need to know how to use Dreamweaver, and it uses Word to use this editor, which is very useful in the article system or in Web programs that require text editing in a news system.But how do I embed an
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.