zoukankan      html  css  js  c++  java
  • ThinkPHP下使用Ueditor

    在做课程设计的时候想到用百度的Ueditor,可在配置的时候出现了一些问题

    Ueditor感觉不是很难,以前有个人定制的,现在取消了这项服务,但是我们可以自己进行配置

    下载地址:http://ueditor.baidu.com/website/download.html#ueditor

    下载好文件后,把文件解压,把文件里的所有文件放到项目下的Public文件下,

    因为我们在很多地方都需要使用编辑器,所以放在Public下方便使用

    在<head>……</head>下添加如下代码

    <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:   里面的控件进行增删

  • 相关阅读:
    jq判断input 复选框有没有选
    jq根据id替换修改或添加css属性
    cookie和session的关系和区别
    tp5 统一返回json格式
    tp5 上传图片(自定义图片路径)
    tp5 生成随机数
    tp5 删除图片以及文件
    tp5 上传视频方法
    tp5 跨域问题
    js替换div里的内容
  • 原文地址:https://www.cnblogs.com/Mapleth/p/3773713.html
Copyright © 2011-2022 走看看