标签:c style class blog code java
在做课程设计的时候想到用百度的Ueditor,可在配置的时候出现了一些问题
Ueditor感觉不是很难,以前有个人定制的,现在取消了这项服务,但是我们可以自己进行配置
下载地址:http://ueditor.baidu.com/website/download.html#ueditor
下载好文件后,把文件解压,把文件里的所有文件放到项目下的Public文件下,
因为我们在很多地方都需要使用编辑器,所以放在Public下方便使用
在<head>……</head>下添加如下代码
1
2
3 |
<script type= "text/javascript"
src= "__PUBLIC__/Ueditor/ueditor.config.js" ></script> <script type= "text/javascript"
src= "__PUBLIC__/Ueditor/ueditor.all.js" ></script> <link type= "text/javascript"
src= "__PUBLIC__/Ueditor/themes/default/ueditor.css" ></link> |
在<body>……</body>下添加如下代码
<script type="text/javascript" charset="utf-8"> var editor = new baidu.editor.ui.Editor({initialFrameWidth:510}); editor.render(‘editor‘); //editor为<div>或<textarea>中定义的id 属性 </script>
设置后编辑器并没有显示,还有重要一步配置editor_config.js,如何配置呢?
方法如下:
找到URL =
window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里可以配置成ueditor目录网站的相对路径或者绝对路径(指以http开头的绝对路径)
将url改成网站的相对路径或绝对路径(建议用绝对路径)
比如:URL =
"http://localhost:3306/Public/ueditor/";
对于现在不能定制的问题,我们可以再ueditor.config.js文件中
找到 toolbars: 里面的控件进行增删
ThinkPHP下使用Ueditor,布布扣,bubuko.com
标签:c style class blog code java
原文地址:http://www.cnblogs.com/hook-haifeng/p/3773713.html