Thinkphp快速载入文本编辑器

最新推荐文章于 2023-10-14 20:50:26 发布

PrayerEzio

最新推荐文章于 2023-10-14 20:50:26 发布

阅读量491

点赞数

分类专栏： Thinkphp 文章标签： Thinkphp ueditor kindEditor

本文链接：https://blog.csdn.net/qq_22470123/article/details/48946749

版权

Thinkphp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Thinkphp快速载入文本编辑器

编辑器文件存放在根目录下的Public/static/下,

KindEditor需要将Editupload.class.php放在模块控制器文件下.

视图调用方法:

<span style="font-family:Courier New;"><?php kindEditor('article_content','默认值');?></span>

<span style="font-family:Courier New;"><?php ueditor('article_content','默认值');?></span>

<span style="font-family:Courier New;">/**
 * kindEditor编辑器
 * @param int $id 编辑器id名称，与name同名
 * @param string $value 编辑器内容
 * @param string $width 宽 带px
 * @param string $height 高 带px
 * @param string $style 样式内容
 * @param string $upload_state 上传状态，默认是开启
 */
function kindEditor($id, $value='', $width='650px', $height='300px', $style='visibility:hidden;',$upload_state="true", $media_open=false)
{
	//是否开启多媒体
	$media = '';
	if ($media_open){
		$media = ", 'flash', 'media'";
	}
	$items = "['source','justifyleft', 'justifycenter', 'justifyright',
			'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', '|','formatblock',
                        'fontsize','forecolor', 'hilitecolor', 'bold',
			'italic', '|', 'image'".$media.", 'table']";
	//图片、Flash、视频、文件的本地上传都可开启。默认只有图片，要启用其它的需要修改resource\kindeditor\php下的upload_json.php的相关参数
	echo '<textarea id="'. $id .'" name="'. $id .'" style="width:'. $width .';height:'. $height .';'. $style .'">'.$value.'</textarea>';
	echo '
<script src="'.C('SiteUrl').'/Public/static/kindeditor/kindeditor-min.js" charset="utf-8"></script>
<script src="'.C('SiteUrl').'/Public/static/kindeditor/lang/zh_CN.js" charset="utf-8"></script>
<script>
	var KE;
  KindEditor.ready(function(K) {
        KE = K.create("textarea[name=\''.$id.'\']", {
						items : '.$items.',
						cssPath : "' .C('SiteUrl'). '/Public/static/kindeditor/themes/default/default.css",
						uploadJson : "'.C('SiteUrl').'/'.MODULE_NAME.'/Editupload/upload",  
						allowImageUpload : '.$upload_state.',
						allowFlashUpload : false,
						allowMediaUpload : false,
						allowFileManager : false,
						syncType:"form",
						afterCreate : function() {
							var self = this;
							self.sync();
						},
						afterChange : function() {
							var self = this;
							self.sync();
						},
						afterBlur : function() {
							var self = this;
							self.sync();
						}
        });
			KE.appendHtml = function(id,val) {
				this.html(this.html() + val);
				if (this.isCreated) {
					var cmd = this.cmd;
					cmd.range.selectNodeContents(cmd.doc.body).collapse(false);
					cmd.select();
				}
				return this;
			}
	});
</script>';
	//return true;
}


/**
 * 百度编辑器ueditor
 * @param int $id 编辑器id名称，与name同名
 * @param string $value 编辑器内容
 * @param string $width 宽 带px
 * @param string $height 高 带px
 */
function ueditor($id, $value='', $width='1000px', $height='500px')
{
	echo '<script type="text/javascript">
	window.οnlοad=function(){
		UE.getEditor('.$id.');
	}
	</script>';
	echo '<script type="text/javascript" charset="utf-8" src="'.C('SiteUrl').'/Public/static/ueditor/ueditor.config.js"></script>';
	echo '<script type="text/javascript" charset="utf-8" src="'.C('SiteUrl').'/Public/static/ueditor/ueditor.all.js"> </script>';
	echo '<script type="text/javascript" charset="utf-8" src="'.C('SiteUrl').'/Public/static/ueditor/lang/zh-cn/zh-cn.js"></script>';
	echo '<script id="'.$id.'" name="'.$id.'" type="text/plain" style="width:'.$width.';height:'.$height.';">'.$value.'</script>';
}


</span>