Typecho集成ueditor笔记

前言:萝卜青菜各有所爱,因为个人需求所以需要在博客中集成ueditor,并非是我不喜欢md语法 其实本篇的笔记的书写最早也是在本地的md编辑器上完成的

首先下载 ueditor 编辑器,然后重命名文件为 ueditor,将文件夹复制到 admin 目录,打开 admin 目录的 editor-js.php 文件 在文件末尾处

</script>
<?php endif;?>

之间插入以下代码

<?php else:?>
<!--不开启markdown时使用ueditor-->

<!-- 配置文件 -->
<script type="text/javascript" src="./ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->
<script type="text/javascript" src="./ueditor/ueditor.all.min.js"></script>

<!-- 语言包文件(建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败) -->
<script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>


<script type="text/javascript">
	var editor = UE.getEditor('text')
</script>

打开 var\Typecho\Common\Paragraph.php 文件注释掉152行的

$text = Typecho_Common::lockHTML($text);

此处是否会对原有功能产生bug未知,如果不注释掉 会对 ueditor 编辑器的部分代码高亮功能产生显示 bug
打开模版文件夹的 footer.php 这里我使用的是默认模版 所以路径是 \usr\themes\default 在 footer(); ?> 的下面插入

<script type="text/javascript" src="<?php $this->options->siteUrl(); ?>admin/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="<?php $this->options->siteUrl(); ?>admin/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />
<script>
SyntaxHighlighter.all() //执行代码高亮
</script>

在 \ueditor\third-party\SyntaxHighlighter 下的shCore.js中搜索

textarea.appendChild(document.createTextNode(code));

在后面添加一句

textarea.style.height = "100%"; 

此处是为了修正代码高亮时 双击代码全选出错的BUG,新版的 SyntaxHighlighter 插件中已经默认双击代码全选,去掉了以前的flash复制功能

保存所有文件并关闭,并在个人设置页面关闭 markdown 语法编辑选项。目前还没仔细测试是否有 BUG ,也没去调整图片上传的功能。 所以对于本文的修改内容请慎重使用。

posted @ 2014-03-11 00:21  鱼肉真好吃  阅读(638)  评论(0编辑  收藏  举报