ThinkPHP示例:强大的Ueditor富文本编辑器

浏览:55083 发布日期:2013年04月26日分类:用法示例关键字: Ueditor 开源HTML编辑器百度编辑器富文本编辑器

ThinkPHP示例:强大的Ueditor富文本编辑器

于2013年09月10日更新版本:
Ueditor文本编辑器 - 完整demo
http://www.thinkphp.cn/code/325.html

具体插件下载:
http://ueditor.baidu.com/website/download.html#ueditor

解压到:PUBLIC/Ueditor下(同级目录有:Common,Conf,Lib,Tpl等)

例:在Tpl/model/model.html :

<html>

<title>Ueditor文本编辑器</title>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<load href="/Public/Js/Jquery/jquery-1.7.2.js" />

<script type="text/javascript">

window.UEDITOR_HOME_URL = "/ThinkPHP/Public/Ueditor/";  //UEDITOR_HOME_URL、config、all这三个顺序不能改变(绝对路径)

</script>

<load href="/Public/Ueditor/editor_config.js" />

<load href="/Public/Ueditor/editor_all_min.js" />



<script type="text/javascript">

var editor;



function BeForeForm(formName){



  if(editor.hasContents()){ //此处以非空为例

  

    editor.sync();    //同步内容



    $("form[name='"+formName+"']").submit();  //提交表单判断,此方法是自己写的,不予给出,抱歉!只给提交方法!

  }

}

</script>

</head>

原本富文本域写法如下:
<textarea></textarea>
现在Ueditor支持div,script等标签 建议:script,因为这是官方文档的建议如:

<body>

<form name='MyForm' id='MyForm' method='POST' action="">

<script type="text/plain" id="content" name="content"></script>

<script type="text/javascript">

$(function(){

  var editor;

    //具体参数配置在 editor_config.js 中

  var options = {

    initialFrameWidth:1000,    //初化宽度

    initialFrameHeight:300,    //初化高度

    focus:false,            //初始化时,是否让编辑器获得焦点true或false

    maximumWords:1000,    //允许的最大字符数

  };

  editor = new UE.ui.Editor(options);

  editor.render("content");

  editor.ready(function(){

    editor.setContent('{$vo.content}');   //加载数据库Action.class.PHP传过来的值

  });

});  

</script>



<input type="button" value="保存" onclick="BeForeForm('MyForm');"> 

</form>

</body>

</html>

后台表单提交后的Action.class.php 原本ThinkPHP的写法存入数据库便可!可无需类似 $content = htmlspecialchars($_POST['content']); 该方法的转换
备注:content 字段是为 text 类型!

后台代码为:

$direction = D("direction"); //包含 content 字段

$direction -> create();

$direction -> add();

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

yeshen144 04-28
百度ueditor富文本编辑器在fastadmin上安装使用
TP72964 12-02
【私活利器+免费商用】开源小程序商城源码架|10M
gzbangban 07-13
layuimini - 最清爽、易用的layui后台前端模板。
chenf4hua12 06-24
HisiPHP 后台管理框架(TP5.1)【永久免费开源】
小龙24417 10-16
补充官方常用扩展 composer集合兼容5.1

收藏

赞

SincereEverDream

积分:696 等级:LV2

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。