Ueditor 在线编辑器使用

ueditor在线编辑器插件

地址：http://ueditor.baidu.com/website/

试用体验：

帮助文档：http://fex.baidu.com/ueditor/

?

实操

  1. 引入文件

  2. 需要为textarea定义个一个ID 属性

    有兴趣的了解 sea.js 解决js顺序加载的问题

  3. 使用UE.getEditor("ID")调用

    效果：

  4. 可以简单的配置一下

    具体的配置文件信息

    在线编辑器使用后的问题：

    当时在线编辑器之后，HTML标签无法正常的显示，其主要的原因是由于I()函数中使用了htmlspecailchars()函数来过滤表单提交的数据。

    问题的解决方案：

  5. 去除掉系统的htmlspecailchars函数
  6. 使用HTMLPurifier插件实现

    1. 解决问题的思路：这个插件可以分辨<script>代码，把这个代码块去除掉。其他的HTML代码不做转义处理即可。

    HTMLPurifier插件使用

    学习地址：

    http://www.piaoyi.org/php/HTML-Purifier-PHP-xss.html

    官网：

    http://htmlpurifier.org/

    ?

    项目实操

    1. 放置文件（网站根目录）

  7. 在TP的common创建一个function.php文件（注意该文件没有S）

  8. 在项目配置文件中定义自己定义的过滤函数

时间： 2024-08-01 17:24:25

Ueditor 在线编辑器使用的相关文章

Angularjs在线编辑器

1.TextAngular: https://github.com/fraywing/textAngular textAngular是一个强大的Text-Editor/Wysiwyg 编辑器,用于Angular.js应用中.安装使用方便,可以创建多个编辑器实例,双向绑定HTML内容,可以查看编辑内容的变化.不足之处是不支持上传文件到服务器,只能进行简单的文字编辑,可用于网站的用户评论模块 2.angular.xheditor: https://github.com/cipchk/angular.

thinkphp使用在线编辑器存入html标签被转义解决

thinkphp中的create 方法收集的post表单数据中的html标签如:<p>之类存入数据库时会被转义成< p > ,导致前台显示都是代码,这个问题困扰了我几天,从fckeditor换到Ueditor还是同样的结果,最后终于搞定了 解决办法:单独收集在线编辑器的数据:$xxx -> yy = $_POST['字段名']  希望能帮助遇到同样问题的朋友!

在线编辑器Ckeditor （1） - php （30）

在线编辑器 在线编辑器也称之为所见即所得编辑器,是一种常见的html源码编辑器. 所见即所得:用户在输入的时候,不论是格式和是样式都能被系统原封不动的保存,最后在查看的时候,可以按照用户输入的原来的结构进行输出. 在线编辑器分类 市面上比较常见的在线编辑器有很多,FCKeditor(在线编辑器+Ajax浏览器端服务器文件管理器,免费的),Ckeditor(Content and Knowledge,在线编辑器与服务器端文件管理器分离,在线编辑器免费,服务器端文件管理器收费(CKfinder)),

asp.net mvc5 使用百度ueditor 本编辑器

最近做一个项目,用到了百度ueditor富文本编辑器,功能强大,在线编辑文档,上传图片视频.附件. 1.访问http://ueditor.baidu.com/website/download.html 进入开发版的下载页面,下载.net UTF-8版本,现在最新的是1.43版. 2.下载后解压,将文件夹更名为ueditor,则ueditor文件夹里面就是原程序. 3.将此ueditor文件夹复制到自己MVC项目的Content文件中. 4.在项目中Model 文件夹中建立 文章 模型,注意如果要

CKedit在线编辑器

在线编辑器???? ????在实现所见即得的编辑效果. FCK????????????是开发者的名字的缩写 CKEditor????????功能很完善的,具有,在线编辑与图片上传JS插件 UEdit????????????百度自己开发的一款在线编辑器 ? CKeditor安装 http://resource.ckeditor.com/ basic package????????基本安装包????????只包含了基本的功能 standard package????标准安装包????????包含更多

jsp解决kindeditor在线编辑器struts图片上传问题

1.下载 官网下载ckeditor,解压后去掉不需要的部分,仅需保留plugin,lang,theme文件夹,这三个文件夹中用不到的东西可以删除, 比如lang文件下存放所有语言文件js,仅仅 保留en.js和zh_CN.js即可,保留jsp文件夹下的json_upload.jsp文件和 kindeditor.js文件即可,把jsp下面的jar导入 在线编辑器:http://kindeditor.net/ 2.修改json_upload.jsp 修改json_upload.jsp文件保存路径即可

UEditor文本编辑器

Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点.Ueditor基于BSD开源协议,除了具有代码精简.加载迅速的轻量级特质 外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制. Ueditor编辑器划分为了三层架构.其中,核心层为开发者提供了诸如range.selection.domUtils类的底层API接口,中间的命令插件层不仅提供了大量的基础command,还允许开发者基于核心层进行command命令的开发,而面向用户端的界面层则

用Javascript 编写 HTML在线编辑器

在线编辑器主要有3大类:1.直接用textarea 标签 优点:速度快,提交方便,可以用UBB标签来弥补不能所见所得 缺点:不直观,功能非常少 2.用 DIV或者TABLE的CONTENTEDITABLE 标签,属性来让一个区域可以编辑 优点:可以很直观,可以做各种效果 缺点:此标签在mozilla下不可用,只适合IE浏览器,且对js要求高 3.用iframe或者frame的中的document的document.designMode ="On" 来实现可编辑 优点:具有上面第二条的全

PHP.25-TP框架商城应用实例-后台1-添加商品功能、钩子函数、在线编辑器、过滤XSS、上传图片并生成缩略图

添加商品功能 1.创建商品控制器[C] /www.test.com/shop/Admin/Controller/GoodsController.class.php <?php namespace Admin\Controller; use Think\Controller; //后台添加商品功能控制器 class GoodsController extends Controller { //显示和处理表单 public function add() { //判断用户是否提交了表单(如果提交了,就