1. 程式人生 > >給帝國cms7.5後臺文章編輯器ckeditor增加一個行距的功能外掛

給帝國cms7.5後臺文章編輯器ckeditor增加一個行距的功能外掛

    帝國7.5升級後,帶來了不小的驚喜,後臺的編輯器雖然沒有換成ueditor.但也做了更新,換成了ckeditor,也是一個不錯的編輯器。但在使用的過程中,發現編輯的內容行間距無法進行調整,這就比較尷尬了,一片片的字壘成成一團,不設定間距,怎麼看怎麼不舒服,對於強迫症的程式猿來說,要搞搞事情。
    話不多說,首先,找到這個編輯器的目錄。後臺編輯器的路徑為e/admin/ecmseditor/infoeditor/下面,外掛目錄是上述目錄的子目錄,plugins。我們需要的外掛是richcombo,以及lineheight這個外掛,lineheight這個外掛依賴richcombo,但帝國本身卻沒有這個外掛,這就比較尷尬了。幸好我找到了。文末有這兩個檔案的下載包。
    下載後,兩個包分別解壓,放到/e/admin/ecmseditor/infoeditor/plugins下面,是兩個獨立的資料夾,這個要特別注意了。
    檔案解壓複製好了以後,就要開啟infoeditor/config.js進行配置了。如下圖:
1.即在config.extraPlugins..的後面,加上一個lineheight的元件名稱,

2,再在toolbar裡面,加上lineheight即可。當然,您想加在哪裡,就要看自己心情了。
下圖為最終效果。

相關推薦

帝國cms7.5後臺文章編輯ckeditor增加一個行距功能外掛

    帝國7.5升級後,帶來了不小的驚喜,後臺的編輯器雖然沒有換成ueditor.但也做了更新,換成了ckeditor,也是一個不錯的編輯器。但在使用的過程中,發現編輯的內容行間距無法進行調整,這就比較尷尬了,一片片的字壘成成一團,不設定間距,怎麼看怎麼不舒服,對於強迫症的

後臺文章編輯的可視區域添加自定義功能按鈕

nload rac IT 樣式 admin lte size gist != 有時候我們需要自定義一些樣式或者功能,要麽就是直接在Text區域直接寫html代碼, 還有一種方法就是直接將自定義一些樣式或者功能添加到後臺文章編輯器的 可視區域。具體實現方式如下: 首先在對應的

後臺編輯可視區域沒有顯示樣式的解決方法

edi brush clas alt 方法 font 添加 nbsp png 使用後臺文章編輯器的時候,會當自定義class樣式在style.css時, 我們在文章編輯器加入class時,發現樣式並沒有顯示出來, 只有當在預覽頁面時才能看到樣式。 解決

怎麼將織夢圖集模型編輯改為文章編輯

今天跟版網小編在使用織夢圖集編輯器的時候發現圖集編輯器的功能要比文章的編輯器少很多,釋出內容的時候很不好用,比如圖片居中,編輯居中等功能,具體不知道官方為何將這個編輯器簡化的,我們如何將編輯器改成文章的一樣呢?圖集編輯器:文章編輯器: 修改方法如下:   將/dede/temp

筆記5,vim ——編輯之神

vi命令 命令模式:     yy:複製 游標所在的這一行     4yy:複製 游標所在行開始向下的4行     p: 貼上     dd:剪下 游標所在的這一行

RichEditeText——android圖文混排富文字文章編輯實現詳解

需求:android 實現富文字編輯器,並且實現html解析和生成。 功能點: 字型加粗,斜體,下劃線,刪除線 字型設定大小   預設大(18px),中(16px),小(14px) 字型設定顏色 換行插入圖片 編輯內容生成html 解析html並且顯示 主要實現

WordPress文章編輯外掛:Kindeditor for WordPress

部落格原文:WordPress文章編輯器外掛:Kindeditor for WordPress 在我用wordpress搭建了部落格之後,自帶的文章編輯器不能滿足我需求,於是我嘗試了不少的編輯外掛,最後我選擇了Kindeditor對於WordPress這款外掛,能滿足我日常的文章編寫需求,最

Django在admin後臺整合TinyMCE富文字編輯新增上傳圖片功能

部落格網站怎麼能少了圖片,為TinyMCE編輯器新增上傳圖片功能。第一步:定義表存圖片路徑models.pyclassAdminIMG(models.Model):    filename = mode

11.6 部落格文章編輯

    本節我們為Web程式新增編輯文章的功能。一. 修改|-app/-main/[email protected]('edit/<int:id>') @login_required def edit(id): post = Post.query

純JavaScript在網頁上實現”簡書“的文章編輯

今天在“簡書”上看到發文章的文字編輯器,覺得很神奇,很夢幻,於是想在網頁上實現一下。先上一張自己實現的網頁編輯器的效果: 原理:多個input文字域疊加使用 每次點選按鈕的時候,都會在一行新增一個input type=text,樣式值為點選相應按鈕的

關於微信公眾號文章編輯不能直接編輯html樣式的處理方法

1、微信的後臺是不支援html編輯的;你可以先在其他的編輯器裡面編輯好了以後,複製到微信編輯器裡面;這樣既可以保持原來的格式,還可以自由設定自己的喜歡的格式。 比如我有一大大大大大大大大大大大段話,不想讓他在頁面上全部展示,只給他一個區域,讓他 顯擺,然後使用者可以手動的滑

微贊程式富文字編輯加上傳附件功能

微贊程式中,新聞編輯中,使用的ueditor,做了定製,去掉了一些按鈕,但是一些情況下需要上傳附件 如果給ueditor加上上傳附件的圖示,富文字編輯的呼叫是使用了以下函式的 function tpl_ueditor($id, $value = '', $options

解決織夢後臺文章編輯內容為空

解決方法:      開啟include/ckeditor/ckeditor_php5.php      將htmlspecialchars($value)替換為htmlspecialchars($v

帝國cms 整合百度編輯ueditor完整教程(圖文)

一、UEditor簡介    帝國cms自帶文字編輯器是fckeditor,用起來效果不太理想。    百度也推出了自己的編輯器UEditor    UEditor是由WEB前端研發部開發的所見即所得的開源富文字編輯器,具有輕量、可定製、使用者體驗優秀等特點。開源基於BSD協議,所有原始碼在協

【輕快PDF閱讀】pdf編輯中刪除頁面的功能怎麽操作?

可能是到了暑期,孩子們可能已經悠然的過著暑假生活。然而我們這些上班族的工作任務一下劇增!唉,可能是老了吧。粗心大意的,工作也有出錯的時候了!這麽多錯處下來,居然總結了一些心得體會。 怎麽處理pdf閱讀器中刪除文檔的頁面,下面就讓我來述說吧!輕快PDF閱讀器是一款體積小、啟動速度快、閱讀效果最

非正常關閉vi編輯時會生成一個.swp文件

mage 否則 logs filename 如果 anyway 存在 非正常關閉 log 正在使用vim命令編輯文件,然後虛擬機突然重啟,再次使用vim編輯這個文件時,就會提示下圖: Swap file ".hbase-site.xml.swp" already exi

springboot01 用IDEA編輯創建一個springboot項目

init 完成 ima 五步 分享 路徑 默認 img png 第一步:打開IDEA,選擇新建項目 第二步:在左邊選擇Spring Initializr,點擊Next 第三步:填寫項目的GroupId和ArtifactId,其他的默認,點擊Next 第四步:選擇項目所

如何在CAD編輯中插入一個WPS公式?

想要 建築工程 新建 版本 成了 安裝完成 文件 啟動 vpd 如何在CAD編輯器中插入一個WPS公式?在編輯器CAD圖紙的過程中,肯定會有許多的問題,比如說如果想要在CAD編輯器插入一個公式要怎麽插,在CAD軟件中插入一個WPS公式是非常日常的操作,像設計師和建築工程師們

CAD編輯中查詢文字的功能選項在哪裡?

CAD編輯器中查詢文字的功能選項在哪裡?在編輯CAD圖紙的過程中是藉助CAD編輯器來進行繪製的,而且在圖紙中會有許多的地方需要進行標註,如果我們需要在一次查詢該文字的時候,如何使用CAD編輯器中的查詢文字功能,那CAD中查詢CAD圖紙中文字的功能選項在哪裡了?下面我們就一起來看看吧!有興趣的朋友也可以一起來看

怎麽使用CAD編輯繪制一個半圓體?

如何 安裝 color 點擊 電腦桌面 怎麽 全部 size 保存 怎麽使用CAD編輯器繪制一個半圓體?當我們想用CAD編輯器繪制一個半圓體建築的時候我們應該如何進行操作呢?今天小編就要來教教大家如何使用CAD編輯器繪制一個半圓體圖形的全部操作步驟,希望大家能夠進行采納,具