Today, in the project, a topic page is decomposed into editable small module functions. So we useBaidu Rich Text EditorAt the beginning, nothing was wrong.
The result is thatTest,Test DataTag htmlCode, Copy to editor"Source code"After clicking "save", we found a strange phenomenon. The Xheditor Editor"Try again. It's
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 =
This article mainly introduces how to use Ueditor rich text editor in ThinkPHP. if you need it, you can download the following plug-in:
Http://ueditor.baidu.com/website/download.html#ueditor
UEditor official documentation:
Http://ueditor.baidu.com/website/document.html
Previous versions released in the "ThinkPHP-code" case:
Http://www.thinkphp1.cn/code/175.htm
When an HTML code is submitted for a text box, the MVC action blocks the submission by default, primarily for security reasons. If sometimes the requirement is to submit the HTML code to a single table, then we can take the following two ways to achieve this:1. Tag the Controller's action method [ValidateInput (False)] (for a specific action)2. Add MVC submits page handling methods that contain HTML code (especially when using the Kindeditor
1. CDN Addresssrc= "//cdn.tinymce.com/4/tinymce.min.js">script >2. Modify the base.html templateEdit the base.html under Lib\site-packages\django\contrib\admin\templates\admin under PythonIntroduce the above code in the head3, modify the base_site.htmlEdit the base_site.html under Lib\site-packages\django\contrib\admin\templates\admin under PythonAdd in {% block branding%} Scripttype= "Text/javascript">Tinymce.init ({selector:'textarea', Height: -, T
First, download the CKEditor source code. Download to the CKEditor website. Then unzip the downloaded file.
Open the extracted file and copy the files from the Ckeditor\webcontent\ckeditor directory to the project directoryCreate a new JSP page to write code: Class= "CKEditor" name= "txtcontent" >On another page: request.setcharacterencoding ("Utf-8"); %> Class= "CKEditor" name= "mycontent" >Implementation interface:After submission:
Ri
This part uses IFRAME to implement our rich text editor. As mentioned above, there are two methods to activate the editing mode: contenteditable = "true" and designMode = "on ". Contenteditable is for a single element, while designMode is for the entire document. Therefore, when we use IFRAME, we must first obtain the document of IFRAME.
var iframeDocument = ifra
The Ueditor Rich Text Editor is used in ThinkPHP,
Download specific plug-ins:Http://ueditor.baidu.com/website/download.html#ueditorUEditor official documentation:Http://ueditor.baidu.com/website/document.htmlPrevious versions released in the "ThinkPHP-code" case:Http://www.thinkphp.cn/code/175.htmlDecompress UEditor to: PUBLIC/Ueditor (the directories at the same
Address, ImagePath: ""//image correction address, reference to Fixedimagepath, if special needs, can be configured by themselves, Imagefieldname: "Upfile"//image Data key, if modified here, you need to modify the corresponding parameters in the background fileQuestion three,Click on the image upload, pop-up window, because the page is longer, you can scroll up and down, but at this time, the entire "picture" pop-up window is fixed, will scroll with the page ... But "local upload", "Network Pict
1. Copy the extracted folder to the root directory of the website2. Add a reference to the Newtonsoft.Json.dll3. Reference file:Ueditor.config.js "Ueditor.all.min.js "Lang/zh-cn/zh-cn.js "4. Add textarea to the page5. Scripting: var UE = Ue.geteditor ("Myeditor");6. Configure the image prefix path in Config.json: change it to the absolute path of the siteConfiguration can be modified as needed!The use of Baidu Rich
occupies a width of exactly 1/2 Chinese width, and is largely unaffected by the font.emsp; It is called "full-width space", the name is EM Space,em is the unit of measurement of typography, equivalent to the current specified number of points. For example, 1 em is 16px in a 16px font. This space also inherits the characteristics of the space family: transparent, this space also has a fairly robust feature,Is that it occupies a width of exactly 1 Chinese width, and is largely unaffected by th
Problem:The normal situation should be shown as follows:Solution:1. Open ueditor/dialogs/preview/preview.html2. Find the sentence below the body nodedocument.getElementById (' preview '). InnerHTML = Editor.getcontent ();Put a sentence on itParent.document.getElementById (' Edui_fixedlayer '). Style.top = ' 46px ';PS: As for this 46px, you have to calculate the actual height of the blocked part of the head, do not directly take my 46px to use Oh ~ ~Ueditor Baidu
With more and more people with Odoo, the demand for exotic flowers is more and more ....This is not, some students want to replace website forum inside of the Summernote control, took a little time to study a bit, first said the conclusion: replacement is feasible. First replace the diagram, here is replaced by Kindeditor:To replace the other, is also possible, just need to use Odoo's front-end development rules, this module is planned to make a demo for reference.Detailed steps for subsequent a
Document directory
1. Download the editor
2. Deployment Editor
4. Introduce the script file (xxx needs to be modified)
5. Use the Editor (xxx needs to be modified)
6. modify the configuration as needed (file path: WEB \ editor \ Asp.net \ file_manager_json.ashx)
7. Get the
/download.php) from the official website and copy the jscripts directory to your website directory.
Assume that the editor is required for a certain part of your a. 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 error prompt, then you only need. add ValidateRequ
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.