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 online editor is an editable iframe.
How to achieve the
First to download the Baidu editor
Introduction of Baidu Editor
You can set the height and width here
When instantiating an editor, you can not do so without the given width height
var ue= ue.geteditor (' myeditor ');
can also be given height and width
var UE = Ue.geteditor (' Myeditor ', {
initialframewidth:800,//set
First of all we see the simplest is the editor code, very simple at the same time we often read.
Copy Code code as follows:
Looking at the example again, this limits the length of the FCKeditor Editor's content.
Copy Code code as follows:
Window.onload=function () {
function fckeditor_oncomplete ()
{
var editor = fckeditorapi.getinstance (' info ');
Cloud habitat here Small series of reference to a few articles for everyone to tidy up, the use of friends more support.
For long article paging, the editor manually inserts when controlling page breaks, so the insertion character for the FCK Insert page break has been modified:To modify the method:Open/editor/js/Find Fckeditorcode_gecko.js and Fckeditorcode_ie.js.Because FCK has two JS files. Fckeditorcod
1. Download Ueditor
URL: http://ueditor.baidu.com/website/download.html (e.g. 1.4.2 version)Extract and rename the folder name to Ueditor and place the phpcms2008 root directory.2. Open include/form.class.php and find the editor functionWill
The code is as follows
Copy Code
function Editor ($textareaid = ' content ', $toolbar = ' Basic ', $width = ', $height = ', $isshowext = 1
Powerful, can be inserted in the language includes: C/c++,xml/html,javascript,css,c#,java,php,python,ruby,sql,asp/visual Basic, you can choose to display the language name in the foreground, display line number , folding and other functions, but also syntax coloring function, than you can imagine the perfect. And can be divided into a text field display code and have the Run button executable way to display. Special to share with you!
The installation method is as follows:
1. After downloading
Ewebeditor Editor button is invalid, IE8 Ewebeditor Editor is unable to use the problem-solving method has two, one is the following method by modifying the JS file, in fact, we can also use the second method by adding this sentence to the page.
Copy Code code as follows:
Or
Copy Code code as follows:
The above two meanings are the same, the wording is slightly diffe
For the Web page Editor to do the project is a very useful editor, greatly reduce the burden on developers, feel Kindsoft is a good choice, so also in constant use.
under the face of some simple configuration to sum up:
The first is to import the downloaded Kindsoft file into the project directory;
Copy Code code as follows:
These two references are in the head section of the xx
http://onebyonedesign.com/flash/particleeditor/This is originally designed for flash Starling particle System Editor, but in fact, can be compatible with cocos2d.You only need to select "Include. plist file" below the export button.It's simpler to use in cocos2d, just a simple 2-sentence code.var new cc. Particlesystem ("Res/particle.plist"); this. AddChild (emitter);Cocos2d-js free installation Online particle ed
Get HTML content in editor
Copy Code code as follows:
function Geteditorhtmlcontents (editorname)
{
var oeditor = fckeditorapi.getinstance (editorname);
Return (Oeditor.getxhtml (true));
}
Get text in Editor
Copy Code code as follows:
function Geteditortextcontents (editorname)
{
var oeditor = fckeditorapi.getinstance (editorname);
return (OEditor.EditorDocument.body.innerT
CKEditor official website http://ckeditor.com/, you can download the latest 3.0 version of this website.
After the download is complete, you can delete the _samples, _source, _tests these three useless folders;
Open the Lang folder and kill all files except _languages.js, En.js, zh-cn.js;
If you don't use office2003 and v2 two skins, you can also kill both directories in the skin directory.
After cleaning up the file size is only more than 1M, you can create a new folder in the Dede include di
Nicedit JavaScript is integrated into any site in a matter of seconds to make any element/block edit or transform standard textareas to enrich text editing.
How to use
Http://nicedit.com/demos.php gives several demos, including the most fool-like conversion of textarea to Niceditor, simple configuration Edit area and command button, and different styles of editing interface.
Deployment
Nicedit may be the least referenced file in the online editor, bec
q:quitw:writeq! : Forced exit
Useful function o: Insert one row below the current line O: The previous line of the current cursor inserts a line home: Beginning end: Line end I: Into insert mode ESC: Back to command mode command-line mode: G for the end of the file, G to jump to the first line of file 100G: Skip to line 100th: 150 return Jump straight to line 150/xxx: Find xxxn: Look down N: Look up the full screen color word, feel free to tap a few words on it. Search Replace:%s/ssl/sss/g
Locate the phpcms/libs/classes/form.class.php file in the PHPCMSV9 directoryFind these lines of codereplace it with aThen will be downloaded in the Ueditor official website Ueditor will be placed in the PHPCMSV9 root directory statics/js/inside can ...Phpcmsv9 Modify FCKeditor editor for Ueditor editor
Failure phenomenon:A brief introduction to the Input Method Editor for Windows 8.1.Solution:With an Input Method editor (also called an IME), you can easily type in a language consisting of thousands of characters that are not suitable for a standard keyboard (usually East Asian languages, but not limited to East Asian languages). When you purchase a new Windows 8.1 or Windows RT 8.1 computer, or when you i
To the great God of Google worship a afternoon, finally let me find a free, made!! Although the appearance can not be compared with foreigners, but the function is quite full, practical good.Download Address: http://xheditor.com/
The webmaster has already configured the PHP version, puts out for everybody to download, eliminates everybody to configure the timeDownload Address: Http://xiazai.jb51.net/201106/yuanma/xheditor_php_jb51.rarWhen pressurized, put it in your Web root directory, access t
A few days ago 21EClub released Sina blog editor download
It feels good to use it.
But see a lot of friends don't know how to call
So I spent the whole night revising the editor.
Convenient for everyone to use
1. Add image upload function (ASP no component upload)
2.IFRAME mode invoke usage similar to Ewebeditor
Call Method:
content">
contentreadcookie=0 "frameborder=" 0 "marginheight=" 0 "marginwidth=" 0
Ueditor is the Baidu editor, in the local IIS environment can upload pictures, but placed in the server's IIS environment could not upload pictures, after the search found that IIS setup issues, the main reason for this problem is that most virtual hosts do not give IIS Anonymous account access to the disk's non-user directory, There is no permission to read, since we cannot resolve the IIS issue only from the code set, as follows.
Upload the picture
Problem Description:
Inserted in the content of the code highlighted, the background editor can be automatically wrapped, but published, in the foreground view, found that the code can not automatically wrap, directly beyond the boundaries of the content page, very beautiful, although the copy can be complete.
Solution:
Find the CSS file for the highlighted code display/E/DATA/ECMSEDITOR/UEDITOR/THIRD-PARTY/SYNTAXHIGHLIGHTER/SHCOREDEFAULT.CSS
The
Modification Description:
1. Add Page break function
2, modify the tab event to add two full-width spaces, more in line with the Chinese use habits
As pictured, download the address below: Kindeditor-3.5.1-zh_cn-kingeric.rar
A few comments and advice:
1, copy Word document to editor, how to filter its format (don't tell me how to use toolbar copy)
2, full screen function, how to make it only a full screen to a div size, rather than the enti
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.