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
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
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
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 =
Xheditor is a simple mini and efficient visual XHTML editor based on jquery, web-based access and compatible with IE 6.0-8.0, Firefox 3.0, Opera 9.6, Chrome 1.0, Safari 3.22Features (Features):
Small: Initial load of 5 files, including: 1 JS (36k) + 2 css (6k) + 2 pictures (4k), a total of 46k. If JS and CSS file gzip compression, can be further reduced
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
HTML online editor does not need to know how to use Dreamweaver. It will be used when word is used. It is very useful in the article system or the web program that the news system requires text editing.But how can I embed the HTML editor into a web page and obtain the data i
Radeditor (telerik). Ajax-enabled.
Webhtmleditor (infragistics). Part of the netadvantage for ASP. NET suite (I think ).
Cute Editor (cutesoft)
Freetextbox (freetextbox.com). Free for basic edition. source code available (for a price ).
Peter's textboxes (Peter Blum). Suite of enhanced text box controls.
Ultimateeditor (karamasoft)
Asbru Web Content Editor (asbru)
ASP. net xhtml
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.