Typecho集成ueditor筆記

前言：蘿蔔青菜各有所愛，由於我的需求因此須要在博客中集成ueditor，並不是是我不喜歡md語法 其實本篇的筆記的書寫最先也是在本地的md編輯器上完成的

1. 首先下載ueditor編輯器，而後重命名文件爲ueditor，將文件夾複製到admin目錄

2. 打開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>

3. 打開 var\Typecho\Common\Paragraph.php文件註釋掉152行的

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

此處是否會對原有功能產生bug未知,若是不註釋掉 會對ue編輯器的部分代碼高亮功能產生顯示bug

 

4. 打開模版文件夾的footer.php 這裏我使用的是默認模版 因此路徑是\usr\themes\default 在

    <?php $this->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>

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

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

在後面添加一句

    textarea.style.height = "100%";

此處是爲了修正代碼高亮時 雙擊代碼全選出錯的BUG，新版的SyntaxHighlighter插件中已經默認雙擊代碼全選，去掉了之前的flash複製功能

關閉全部文件保存，並在我的設置頁面關閉markdown語法編輯選項。目前還沒仔細測試是否有BUG，也沒去調整圖片上傳的功能。 因此對於本文的修改內容請慎重使用。