Home >Backend Development >PHP Tutorial >Detailed explanation of how to use ueditor under thinkPHP, _PHP tutorial

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

WBOY
WBOYOriginal
2016-07-12 09:02:54874browse

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>

Then add the 4750256ae76b6b9d804861d8f69e79d3 tag to the file and pay attention to setting the id attribute
Copy code The code is as follows:7b92907966bc8512b4f763635a94a6f2 40587128eee8df8f03d0b607fe983014

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>

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

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/1084517.htmlTechArticleDetailed explanation of how to use ueditor under thinkPHP. This article explains how to use ueditor under thinkPHP. Share it with everyone for your reference, the details are as follows: 1. First you need to download ueditor, next...
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn