I first developed a Web site, need to use a rich text editor, then the Internet to find a lot of posts, tried n times. Finally used the kindeditor, through many tests and see the official demo, the final debugging success.
Dry goods down here.
1. Download:
I downloaded the 4.1.10 version on the website.
2. Decompression, implant project:
A. Unpack it-> Open the
Today to introduce a very good web online Rich Text editor--umeditor, it is by Baidu Web front-end Research and development department developed the WYSIWYG web editor Ueditor Evolution of the mini edition editor, with lightweight, customizable, pay attention to the characte
To recommend a safe and practical Rich text editor, we should use more, thanks.
Reply content:
To recommend a safe and practical Rich text editor, we should use more, thanks.
Https://github.com/fex-team/ueditor
Kindeditor
',//Initializing editor Contentautoheightenabled:true,//High automatic growthMinframeheight: -//min. height }); Editor.render ('Editor'); Script> }By this point, the page has already shown the editor's appearance,4, to solve the picture upload problem, by viewing the Ueditor configuration file and imageup.ashx it is obvious that the editor will put the
) context = { 'name': name, 'MEDIA_URL':settings.MEDIA_URL, } return rendered + mark_safe(render_to_string('editor/kindeditor.html', context))
In the previous kindeditor version, I used the latest version 4.0.1.
3. Content of the 'editor/kindeditor.html 'template:
The main content is the same as in the previous article. It is just a javascript code used to convert
The content of Rich text editor is saved to the database, the picture is reflected in the database as the address of the picture, after the saving, how to write the business logic?
Reply content:
The content of Rich text editor
The day before yesterday wanted to try to do a simple, but nice-looking online notepad. At present, with Ror+mysql+jquery+bootstrap, ROR and front-end things are half a bucket of water level, while learning while groping.Features I think that every time you go to see a week or two weeks (optional) date list, default week, full width display, two weeks is divided into two columns.Each date can be displayed in the middle of the night and recorded events
As the content of the website more and more, more and more attention to aesthetics, rich text editing is indispensable, many editors compare I chose Baidu's Ueditor Rich text editor.Baidu Ueditor Rich Text
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
UEditor is a rich text web Editor developed by Baidu web Front-end R D department. It is lightweight, customizable, and focuses on user experience. It is open-source based on the MIT protocol and allows you to freely use and modify code.
First, download the latest package from the official ueEditor website. ASP and ,. for the NET,
Ueditor is a rich text Web Editor developed by Baidu Web Front-end R D department. It is lightweight, customizable, and focuses on user experience. It is open-source based on the MIT protocol and allows you to freely use and modify code.
First, download the latest package from the official ueeditor website. asp and ,. for the net,
;Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8">title>Article content-htmltitle>Head>Body>H2Align= "Center">My first blog postH2>=Request.getparameter ("b_content") %>Body>HTML>4.3: Run effectEnter some content in the editor and upload a picture, as shownClick the Publish Article button, as shown, publish success can be viewed in the Web page output format, the merit has been Gaocheng!4.4
Because of the slow typing on the phone, it is not suitable for lengthy articles, so there are few rich text editors on the mobile side. Arteditor is a jquery based mobile end Rich text editor, supporting the insertion of pictures, follow-up to improve other features.
Plugi
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
1) ueditor
Ueditor is an open-source online HTML editor launched by Baidu.
Main features:
Lightweight:CodeSimplified and fast loading.
Customization:The new layered concept meets diversified needs.Three-tier architecture:1. Core layer: Provides underlying APIs for the command layer, such as the range/selection/domutils class.2. Command plug-in layer: Develop Command commands based on the core layer. commands are independent of each other.3.
Recently in the angular need to integrate Rich text editor, originally already integrated Baidu Ueditor, backstage feel configuration too much, let me get something else, and then found the Wangeditor, this configuration and get started is simple, the following to see the specific operation steps:First of all you can download in Https://github.com/wangfupeng1988/
Summary:
Arteditor.js is a mobile end of the rich text editor, support image upload, will be added after the expression, small video and other functions. Recent Friends Feedback Arteditor support form submission is of course supported, and you can implement form submission as follows before you develop this feature
$ ('. Submit '). On (' click ', Function (
Display effect:Code mode:Baidu Rich Text web editorIntroduction File:1 Scripttype= "Text/javascript"CharSet= "Utf-8"src= "Ueditor.config.js">Script>2 Scripttype= "Text/javascript"CharSet= "Utf-8"src= "Ueditor.all.min.js"> Script>3 It is recommended to manually add the language, to avoid under IE sometimes b
1. Download. NET version of Baidu Rich Text editor, go to download. NET version Baidu Rich text box2. Unzip the downloaded. zip package, change the Utf8-.net folder name to: Ueditor, and copy it to the MVC root directory. The structure is as follows:The file on App_Code is t
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.