ThinkPHP框架下JUI(DWZ)与UEditor-1.4.3-php版整合方法与过程

浏览:1832 发布日期:2015/07/06 分类:技术分享
我将ueditor文件夹放到网站根目录下面的data文件夹下面了,在后台Index_index.html页面加入如下代码:<script type="text/javascript">
    window.UEDITOR_HOME_URL="__ROOT__/";
</script>
<script type="text/javascript" charset="utf-8" src="__ROOT__/data/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__ROOT__/data/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__ROOT__/data/ueditor/lang/zh-cn/zh-cn.js"></script>
找到需要显示编辑器的模板页面,在需要显示的位置添加如下代码即可:<textarea id="editor{:time()}" name="content" style="width:900px; height: 380px;">这里是需要显示的内容</textarea>
<script type="text/javascript">var ue = UE.getEditor('editor{:time()}');</script>
这样以来,编辑器会自动在网站根目录下面建立ueditor文件夹作为上传图片和附件存放的目录。

UEditor官网中创建编辑器的代码是:<script id="container" name="content" type="text/plain">这里写你的初始化内容</script>
<script type="text/javascript">var ue = UE.getEditor('container');</script>
官网是用javascript来命名编辑器的,其实只要id的值与var ue = UE.getEditor(‘container’);中单引号的内容一致就可以了。

也可以将ueditor文件夹放到根目录下,只需要把Index_index.html页面中三个加载文件的地址变换一下就可以了。
最佳答案
评论( 相关
后面还有条评论,点击查看>>