list-style-type自訂 在 コバにゃんチャンネル Youtube 的最佳貼文
list-style-type自訂 在 網站自訂廣告受眾- 行銷API - 文件 的必吃
In Ads Manager, in the audience section of creating an ad, click Exclude and add the custom audience to the list. 永久連結. How long will customers stay in my ... ... <看更多>
list-style-type自訂 在 Re: [請益] CKEditor 編號清單設定成階層式- 看板Web_Design 的必吃
※ 引述《pmdaisuki (神奇寶貝天王)》之銘言：
: 將CKEditor用入網頁內後，發現編號清單只有1.、2.、3.
: 想請問有沒有辦法增加到有四種：
: 一、 二、 三、
: (一) (二) (三)
: 1. 2. 3.
: (1) (2) (3)
: 已爬過文，但相關討論好像不多
: 有改過content.css的life-style-type (IE無法顯示==)
: 但好像無法只靠css做成可以選擇編號類型的模式
: 也看過plugins資料夾裡liststyle的js檔
: 但沒找到可以改的地方...
: 這部分是我想設計的網頁最重要的功能
: 想請知道解決方法的大師們指點
: 謝謝！
: p.s. 有找到一個UEditor有我要的功能，但是簡字QQ
: 而且也沒有很重要的縮排功能
剛好我也遇到這個問題，看到底下推文有寫list-style的plugin，
底下也是有人不知道要怎麼用，後來有一位Venkat Polisetti有解答
來簡單介紹一下用法，以及怎麼改成有中文數字
首先是安裝，list-style有相依性，要安裝這兩個plugin
Dialog
Context Menu
或者直接裝full完整版 裝ckeditor就是要一堆玩具啊，不然要幹嘛
如果不是完整版的，在ckeditor/config.js裡面要加上這行
config.extraPlugins = 'liststyle';
如果已經有extraPlugins，要同時使用多個的話，用逗點分隔
例如同時使用video和liststyle，就是
config.extraPlugins = 'video,liststyle';
接下來在畫面上輸入一段字，點選項目符號後，在項目符號文字內容上按右鍵
會有展開選單，選擇後如下
當然預設是沒有中文數字的，不過我們可以從ckeditor產生的項目符號發現基底是ol li
ol li可以利用css切換list-style-type(可以參考下面這篇)
https://blog.yam.com/smatter/article/21481382
或是w3c的try it，看各種list style的樣子
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_list-style-type_all
這一項就是我們要的
list-style-type: cjk-ideographic; /*中文國字數字*/
因此我們要修改ckeditor/plugins/liststyle/dialogs/liststyle.js這個檔案
要增加下拉選單的選項，可以看到這(約8x行)
else if ( startupPage == 'numberedListStyle' ) {
var listStyleOptions = [
[ lang.notset, '' ],
[ lang.lowerRoman, 'lower-roman' ],
[ lang.upperRoman, 'upper-roman' ],
[ lang.lowerAlpha, 'lower-alpha' ],
[ lang.upperAlpha, 'upper-alpha' ],
[ lang.decimal, 'decimal'],
[ '中文數字(一.二.三.)', 'cjk-ideographic']
];
最後一項第一欄是顯示的字，第二欄則是要代入的屬性值(給css用)
這樣選單就會多一項了
然後直接硬加一個選項而沒有透過lang檔其實不太漂亮
.....因為我一下子找不到full版的lang檔在哪，看有沒有人要教了XD
補上成品
修正過的liststyle檔案放在github，可以抓來玩看看
https://github.com/not0000/not0000.github.io/tree/master/liststyle
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.187.101.139
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1463930707.A.951.html
※ 編輯: nottt (218.187.101.139), 05/22/2016 23:41:22
... <看更多>