1. 程式人生 > >UEditor與Editor.md衝突解決方法

UEditor與Editor.md衝突解決方法

摘要

寫自己的blog的時候,需要同時使用到UEditor富文字編輯和Editor.md作為markdown的編輯入口,但是發現兩者貌似有衝突,在同一網頁同時載入兩者的js檔案時會使得Editor.md出現檔案載入錯誤,排版錯誤等問題,本文給出瞭解決辦法。

示例頁面

這裡寫圖片描述

這裡寫圖片描述

問題解決辦法

出現排版不對的原因在於JS衝突,所以只需要根據URL或者其他的區分機制來分別載入JS檔案即可

<?php if(isset($_GET['item']) && $_GET['item']=='ueditor') : ?>
    <!-- UEditor -->
<!-- 配置檔案 --> <script type="text/javascript" src="<?php echo base_url('third_party/ueditor/ueditor.config.js')?>"></script> <!-- 編輯器原始碼檔案 --> <script type="text/javascript" src="<?php echo base_url('third_party/ueditor/ueditor.all.js')?>"></script
>
<?php endif; ?> <?php if(isset($_GET['item']) && $_GET['item']=='markdown') : ?> <!-- MD-Editor --> <script src="<?php echo base_url('third_party/editor-md/editormd.min.js')?>"></script> <?php endif; ?>