700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > ThinkPHP中使用Ueditor富文本编辑器

ThinkPHP中使用Ueditor富文本编辑器

时间:2022-10-31 20:08:15

相关推荐

ThinkPHP中使用Ueditor富文本编辑器

php教程|php手册

ThinkPHP,Ueditor,富文本编辑器

php教程-php手册

求求淘宝客源码,ubuntu如何更改语言,网站爬虫怎么写,php issset ?,内部seo包括lzw

这篇文章主要介绍了ThinkPHP中使用Ueditor富文本编辑器,需要的朋友可以参考下

仿拼多多网站源码,ubuntu优麒麟中文,爬虫安居客详情,php中连接数据库函数是,网站适配+seolzw

html5开发app源码实例,Ubuntu还原收银软件,多网页爬虫代码,提高php整体性能的技术教程,seo更新频率lzw

具体插件下载:

UEditor官方文档:

之前于 “ThinkPHP-代码” 案例中发布版本:

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

例:在Tpl/model/model.html :

Ueditor文本编辑器完整demo

<!—->

<!– –>

.clear {clear: both;}

从数据库中取出文章内容打印到此处!!!

创建编辑器

删除编辑器

提交

//UEDITOR_HOME_URL、config、all这三个顺序不能改变(绝对路径) //window.UEDITOR_HOME_URL = “/ThinkPHP/Public/Ueditor/”;//实例化编辑器 var ue = UE.getEditor(‘editor’);function insertHtml() {var value = prompt(‘插入html代码’, ”);ue.execCommand(‘insertHtml’, value) } function createEditor() {enableBtn();UE.getEditor(‘editor’); } function getAllHtml() {alert(UE.getEditor(‘editor’).getAllHtml()) } function getContent() {var arr = [];arr.push(“使用editor.getContent()方法可以获得编辑器的内容”);arr.push(“内容为:”);arr.push(UE.getEditor(‘editor’).getContent());alert(arr.join(“\n”)); } function getPlainTxt() {var arr = [];arr.push(“使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容”);arr.push(“内容为:”);arr.push(UE.getEditor(‘editor’).getPlainTxt());alert(arr.join(‘\n’)) } function setContent(isAppendTo) {var arr = [];arr.push(“使用editor.setContent(‘欢迎使用ueditor’)方法可以设置编辑器的内容”);UE.getEditor(‘editor’).setContent(‘欢迎使用ueditor’, isAppendTo);alert(arr.join(“\n”)); } function setDisabled() {UE.getEditor(‘editor’).setDisabled(‘fullscreen’);disableBtn(“enable”); }function setEnabled() {UE.getEditor(‘editor’).setEnabled();enableBtn(); }function getText() {//当你点击按钮时编辑区域已经失去了焦点,如果直接用getText将不会得到内容,,所以要在选回来,然后取得内容var range = UE.getEditor(‘editor’).selection.getRange();range.select();var txt = UE.getEditor(‘editor’).selection.getText();alert(txt) }function getContentTxt() {var arr = [];arr.push(“使用editor.getContentTxt()方法可以获得编辑器的纯文本内容”);arr.push(“编辑器的纯文本内容为:”);arr.push(UE.getEditor(‘editor’).getContentTxt());alert(arr.join(“\n”)); } function hasContent() {var arr = [];arr.push(“使用editor.hasContents()方法判断编辑器里是否有内容”);arr.push(“判断结果为:”);arr.push(UE.getEditor(‘editor’).hasContents());alert(arr.join(“\n”)); } function setFocus() {UE.getEditor(‘editor’).focus(); } function deleteEditor() {disableBtn();UE.getEditor(‘editor’).destroy(); }//提交方法 function submitEditor() {//此处以非空为例if(ue.hasContents()){ue.sync(); //同步内容document.MyForm.submit();} }function disableBtn(str) {var div = document.getElementById(‘btns’);var btns = domUtils.getElementsByTagName(div, “button”);for (var i = 0, btn; btn = btns[i++];) {if (btn.id == str) {domUtils.removeAttributes(btn, [“disabled”]);} else {btn.setAttribute(“disabled”, “true”);}} } function enableBtn() {var div = document.getElementById(‘btns’);var btns = domUtils.getElementsByTagName(div, “button”);for (var i = 0, btn; btn = btns[i++];) {domUtils.removeAttributes(btn, [“disabled”]);} }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。