In the past, I thought that the WEB online editor is nothing more than replacing the input content and inserting HTML code quickly. However, while doing so, I found that although the principle is the same, but the implementation method is not as rigid as I thought. Since there are few things on the UI, it is only now known that the execCommand method in document can solve the problem of inserting HTML tags.
UEditor Baidu Rich Text Editor-preview solution that blocks the header during online preview, ueditor-preview
Problem:
The normal situation should be shown as follows:
Solution:
1. Open ueditor/dialogs/preview/preview.html
2. Find the sentence below the body Node
Document. getElementById ('preview'). innerHTML = editor. getContent ();
Add a sente
Why online editing? First, we need the support of IE. After IE 5.5, there will be an editing status, that is, using this editing status, and then using JavaScript to control online editing.
The following is a brief example:
First, there must be an editing box, which is actually an editable webpage. Here we use IFRAME to create an editing box.
Add JavaScript code to specify that htmledit has the Edit funct
The existing removal of the online tutorial is not correct, if the deletion is not clean, in the Internet Explorer, select the Picture button will disappear ~I am here 1.4.3 PHP versionBecause it has been deleted so also can not find the original content (mainly lazy), so roughly say how to delete, leave a record.Dialogs\image\image.jsDelete the two related variables defined by the head varDelete the related function laterDialogs\image\image.htmlDelet
English name: dotnettextbox V3.0 wyswyg Web Control for ASP. net2.0/3.0/3.5 Open Source Chinese name: dotnettextbox V3.0 WYSIWYG editor Control for ASP. net2.0/3.0/3.5 free open-source edition (support for vs2005/2008) Type: free use of personal and non-profit websites (retain copyright) Author: Treasure. NET 2.0 (Terry Deng) Http://www.aspxcn.com.cn/dotnettextbox/default.htm Controls Online Demo page
English name: dotnettextbox V3.0 wyswyg Web Control for ASP. net2.0/3.0/3.5 Open Source Chinese name: dotnettextbox V3.0 WYSIWYG editor Control for ASP. net2.0/3.0/3.5 free open-source edition (support for vs2005/2008) Type: free use of personal and non-profit websites (retain copyright) Author: Treasure. NET 2.0 (Terry Deng) Http://www.aspxcn.com.cn/dotnettextbox/default.htm Controls Online Demo page
Recently, documents need to be written for some projects and systems in the group and published on the company's document platform. This platform does not support markdown. Therefore, we plan to create an online markdown editor that supports real-time preview, in addition, it is easy to migrate to the company documentation platform, so this markdoc is available.
Link: http://weareoutman.github.io/markdoc/
I have never known what the online editor is like on many websites. Later I found a method for document objects in the document.
Document.exe ccommand (command, false, value );
To know the specific principle. I. First, let's look at an example:
Save it as an HTML webpage. Open it and check that a cursor is displayed in the Div. This Div becomes editable.
Similarly, span and font can all have the con
Bootstrap, from Twitter, is currently the most Popular front-end framework. Bootstrap is based on HTML, CSS, JAVASCRIPT, it is simple and flexible, making Web development faster.Below we recommend an online bootstrap visual layout System Editor.Link: Point MeClick the link to go to the editor, the toolbar above, select Edit operation, the toolbar on the left, you can add components as needed, edit the page
I used to think that the online editor of the web was nothing more than a replacement for the input and a quick way to insert HTML code, but when I did it I found that although the principle was the same, the implementation was not as rigid as I thought. Since I seldom do anything on the UI, I now know that there is a ExecCommand method in document to solve the problem of inserting HTML tags, which can inse
Title
For how to develop an online web editor, press enter and enter Lshdic (original)
Keywords
Editor line feed
many people have discussed this before,
Code compared with the Multi-Party method, it is terrible. If you cannot use it, you will not have time to
Pick up an article3 In-page (in-page) configuration, direct configuration in the interface using CKEditorIn-page configurationEffectFeatures: Configuration items belong to a specific ckeditor instance, not reusableComparison of three configuration methods
Custom mode
Characteristics
Description
Priority level
interface functions
Flexible, no reuse
Write code once for each page that uses the editor
The wrong wording:The correct wording. Write the JS code directly on the Web page Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced. Embedded Kindeditor online editor problem in ASP website backstage
Data: text/html,
copy and paste the preceding Code to chrome or Firefox, in the address bar of the Safari browser (earlier version of IE is not supported), press enter to open it. Wait for a moment. CTRL + S the online editor that saves the content appears.
In most people's eyes, the technical curtilage gives the impression that the person is taciturn, always can not penetrate what he thought in mind, keep each other distance. As half of the programmers, I think the real technical house most of the time to find fun, tinker with various ideas, and most people's geek mentality is the same, programmers also love to tell jokes, also like cooking food, although most of it is to reduce the pressure, so it seems that there is nothing different from ordina
In most people's eyes, the Technology House gives people the impression that they are silent and cannot fully understand what they think, so they can keep a distance from each other. As a half-programmer, I think the real technology house has been entertaining for most of the time. It is the same as the geeks of most people. programmers also love to joke, I also like cooking and cooking. Although most of them are for decompression, it seems similar to ordinary people.
Different from each other,
1, first download Freetextbox assembly, again use 3.3.1· Official website: http://freetextbox.com/· Baidu Cloud:2. Introduce the assembly in the program3. Add controls to the toolbox.4, then drag the control to the interface.Code:· Again you can set the width and height, set the interface style toolbarstyleconfiguration = "", some other settings can also be set in the Properties panel.5. Final effect===============================================================Follow-up Problem resolution:When
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.