MantisBT 调用百度富文本编辑器

陈学虎
陈学虎
陈学虎
1444
文章
263
评论
2018 年 10 月 19 日20:58:22 2 1,301 ℃ 1094字阅读3分38秒
摘要

MantisBT 调用百度富文本编辑器,本次使用的MantisBT的版本是 2.18.0,增加富文本编辑器的页面为提交BUG的页面,即bug_report_page.php ,我们这次将“附注”更改为百度富文本编辑器。

MantisBT 调用百度富文本编辑器,本次使用的MantisBT的版本是 2.18.0,增加富文本编辑器的页面为提交BUG的页面,即bug_report_page.php ,我们这次将“附注”更改为百度富文本编辑器。

原来的附注是这样的

MantisBT 调用百度富文本编辑器

首先将下载好的百度编辑器放在MantisBT安装的根目录,我这里使用的是“1.4.3.3 PHP 版本”,西在后解压文件夹,并改名为“ueditor”。

其次打开bug_report_page.php文件,在

<?php
layout_page_end();

上面增加如下代码

<!-- 配置文件 -->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('additional_info');
</script>

然后我们将原来的附注文本框

<textarea class="form-control" <?php echo helper_get_tab_index() ?> id="additional_info" name="additional_info" cols="80" rows="10"><?php echo string_textarea( $f_additional_info ) ?></textarea>

替换为

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

刷新页面即发现并没有出现,我们看看调试信息

MantisBT 调用百度富文本编辑器

原来报错了,这个错误原来解决过,所以先直接解决

找到core\http_api.php文件,找到 http_security_headers 函数,将以下两个参数注释:

// http_csp_add( 'default-src', "'self'" );
// http_csp_add( 'script-src', "'self'" );

然后刷新页面,我们就能惊喜的发现:

MantisBT 调用百度富文本编辑器

可见百度编辑器成功的加载了,然后提交一条BUG看看效果

MantisBT 调用百度富文本编辑器

样式也被带进来了,这个在前台显示的时候做处理就好了。

 

历史上的今天
十月
19
  • 免费优惠券
  • 免费领取优惠券
  • weinxin
  • 支付宝红包领取
  • 支付宝大额红包
  • weinxin
陈学虎
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:MantisBT 调用百度富文本编辑器 | https://chenxuehu.com/article/2018/10/7310.html