Consolidated activeadmin and Rich text editors
--Kindeditor1, Gem ' Rails_kindeditor '2, rails generate Rails_kindeditor:install3, F.input [field name],: as =>: Kindeditor4, Ke-container Ke-container-defaultThis is the kindeditor automatically generated div default class, which can be added with a class, plus the style sheet:. [newly added class] {width:79%; Width adjusted according to actual situation}--CK
interacting with the background:
1. When the editor initializes, the asynchronous Request background processing page, the handler should return a set of JSON format configuration information, the request address carries the parameter is Action=config
2. Click on the Picture Upload button, asynchronous Request background processing page, request address carry parameter for Action=uploadimage
3. Click on the Video Upload button, asynchronous Request
Create a new Web project Ckfinder, import the Lib packageAdd Java package, encoding format UTF-8Add Ckedtior and Ckfinder two folders under Webroot to copy Config. Web-inf intoTo modify the config configuration fileThen modify the Config.js file, the file path points to the Ckfinder under Webroot, and you can modify the toolbar display and so on.Configuring Servlets in Web. xmlckeditor+ckfinder text editor,
TinyMCE's use in Asp. Net is actually quite simple, download TinyMCE from the official website), and then copy the jscripts directory to your website directory.
Suppose you need to use the editor somewhere on your aspx page, add
Add the following content to the header:
Run the page to see an editor, and you can use brand. text to get the value (You may see an e
For the company needs, let me develop a forum. I have no experience before.Forum First there is a compilerI found it on the Internet.Kindeditor:Kindeditor is a set of open source HTML visual editor, mainly used for users to get WYSIWYG editing results on the site, compatible with IE, Firefox, Chrome, Safari, opera and other mainstream browsers. Kindeditor is written in JavaScript and can be seamlessly bonded to Java,. NET, PHP, ASP, and other programs
SharePoint has many easy-to-use controls. If we develop our own WebPart or deploy it on the Layouts application page, we can directly use these system controls.
SharePoint has two rich text controls: InputFormTextBox and HtmlEditor. See the following picture:
The above is InputFormTextBox, and the following is HtmlEditor.
The InputFormTextBox name control is Microsoft. SharePoint. WebControls, And the Htm
CKEditor is one of the best visible Web editor available today, and it is written in JavaScript. Features powerful, easy to configure, cross-browser, support a variety of programming languages, open source and so on. It is very popular, the Internet is easy to find relevant technical documents, many domestic Web projects and large sites have adopted ckeditor.
Download CKEditorVisit the official website of CKEditor, go to the download page, select Sta
Effect:、Project Structure diagram:Wangeditor-upload-img.html Code: Upload.php Code: Original video and source code: http://www.kancloud.cn/wangfupeng/wangeditor/65747Rich Text Editor-wangeditor upload images
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
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.