微擎如何调取百度UEditor富文本编辑器
这是官方技术文档:https://www.kancloud.cn/donknap/we7/199388
有点笼统!开门见山、直入主题:微擎调取UEditor富文本编辑器
一、微擎应用控制器PHP文件
global $_W, $_GPC;
load()->func(‘tpl’);//关键
二、微擎模板文件,引用系统头文件/引用代码,作用:加载JS、CSS文件
引用系统头文件:{template ‘common/header’} 或 {template ‘common/header-base’}
其实也可以直接引用下方代码,就不会存在头部显示冲突
<!–微擎内容编辑器s–>
<link href=”./resource/css/bootstrap.min.css?v={IMS_RELEASE_DATE}” rel=”stylesheet”>
<link href=”./resource/css/common.css?v={IMS_RELEASE_DATE}” rel=”stylesheet”>
<script type=”text/javascript”>
window.sysinfo = {
{if !empty($_W['uniacid'])}’uniacid’: ‘{$_W['uniacid']}’,{/if}
{if !empty($_W['acid'])}’acid’: ‘{$_W['acid']}’,{/if}
{if !empty($_W['openid'])}’openid’: ‘{$_W['openid']}’,{/if}
{if !empty($_W['uid'])}’uid’: ‘{$_W['uid']}’,{/if}
‘isfounder’: {if !empty($_W['isfounder'])}1{else}0{/if},
‘family’: ‘{IMS_FAMILY}’,
‘siteroot’: ‘{$_W['siteroot']}’,
‘siteurl’: ‘{$_W['siteurl']}’,
‘attachurl’: ‘{$_W['attachurl']}’,
‘attachurl_local’: ‘{$_W['attachurl_local']}’,
‘attachurl_remote’: ‘{$_W['attachurl_remote']}’,
‘module’ : {‘url’ : ‘{if defined(‘MODULE_URL’)}{MODULE_URL}{/if}’, ‘name’ : ‘{if defined(‘IN_MODULE’)}{IN_MODULE}{/if}’},
‘cookie’ : {‘pre’: ‘{$_W['config']['cookie']['pre']}’},
‘account’ : {php echo json_encode($_W['account'])},
‘server’ : {‘php’ : ‘{php echo phpversion()}’},
};
</script>
<script>var require = { urlArgs: ‘v={IMS_RELEASE_DATE}’ };</script>
<script type=”text/javascript” src=”./resource/js/lib/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”./resource/js/lib/bootstrap.min.js”></script>
<script type=”text/javascript” src=”./resource/js/app/util.js?v={IMS_RELEASE_DATE}”></script>
<script type=”text/javascript” src=”./resource/js/app/common.min.js?v={IMS_RELEASE_DATE}”></script>
<script type=”text/javascript” src=”./resource/js/require.js?v={IMS_RELEASE_DATE}”></script>
<!–微擎内容编辑器e–>
三、微擎模板文件相应位置,添加编辑器引用代码
{php echo tpl_ueditor(‘content’,$item['content']);}
大功告成!
编辑器也可以自定义,查看官方文档,下方是解释:
//在Html页面上还需要调用一个组件函数,只不过是第一个参数传入空值,用于引用各种富文本编辑器的JS文件
{php echo tpl_ueditor(”)}
<script type=”text/javascript”>
<!–
// ueditoroption 这个变量是微擎定义好的百度编辑器的初始化参数,直接使用即可
var editor = UE.getEditor(‘content’, ueditoroption);
editor.addListener(‘contentChange’, function() {
//此处增加了侦听编辑器内容变化的事件
//do something
});
editor.addListener(‘ready’, function(){
//此处增加了侦听编辑器初始化的事件
//do something
});
//–>
</script>
本博文章基本上属于原创或收集整理,都是心血结晶。
欢迎转载分享,转载请注明出处,谢谢!
本文地址:微擎如何调取百度UEditor富文本编辑器