Detailed explanation of how to use ueditor under thinkPHP,

Detailed explanation of how to use ueditor under thinkPHP, _PHP tutorial

WBOY

Release： 2016-07-12 09:02:54

Original

870 people have browsed it

Detailed explanation of how to use ueditor under thinkPHP,

This article explains how to use ueditor under thinkPHP with examples. Share it with everyone for your reference, the details are as follows:

1. First you need to download ueditor, download address: http://ueditor.baidu.com/website/download.html

2. Download the corresponding php version, rename it to ueditor after downloading, and put it in the corresponding project directory as needed. The location I put it is in the Public/admin folder, and admin is the background access entry file directory.

3. Use in projects

First you need to introduce the core js file:

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>

Copy after login

Then add the tag to the file and pay attention to setting the id attribute Copy code The code is as follows:<textarea name="content" id="EditorId">

The next step is to initialize the editor, pay attention to the configuration path

<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.onload=function(){
window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度
   window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度
   var editor = new UE.ui.Editor({
imageUrl : '__APP__/Editor/uploadImage',
fileUrl : '__APP__/Editor/uploadFile',
imagePath : '',
filePath : '',
imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址
imageManagerPath:'__ROOT__/'
});
editor.render("EditorId");
}
</script>

Copy after login

Note:

1. The path of UEDITOR_HOME_URL is configured as the location of ueditor.
2. Configuration of image upload path
3. editor.render("textarea's id is consistent");

This is basically complete.

However, Under IE9, the editor has no effect at all. What is going on?

Under IE9, you need to put
Copy code The code is as follows: window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
The path setting code is placed between the introduction of js files and initialization.

I hope this article will be helpful to everyone’s PHP programming based on the thinkPHP framework.

Articles you may be interested in:

Using Ueditor rich text editor in ThinkPHP
ThinkPHP integration Baidu Ueditor graphic tutorial
ThinkPHP automatic escaping Solution to reading errors caused by storing rich text editor content
Instance analysis of paging usage in thinkPHP
Simple method of using verification code in thinkPHP