BUEditor

模組介紹:

文字編輯工具,協助妳快速地加入一些 HMTL 標籤,功能包括:

  • 可透過管理介面自訂編輯介面與按鈕。
  • 可針對不同的角色或使用者,提供不同的編輯介面。
  • 可以使用圖片或文字按鈕。
  • 可以設定按鈕的作用是要產生程式碼、 HTML 標籤、bbcode 標籤等。

預設的按鈕包括了:

  1. 插入/編輯圖片:如果有安裝 IMCE,將可以直接瀏覽/插入網站裡的檔案。
  2. 插入/編輯連結。
  3. 粗體字。
  4. 斜體字。
  5. 有序清單。
  6. 無序清單。
  7. 摘要斷行符號(<!--break-->)。
  8. 預覽:可以圈選部份區塊作預覽、或是預覽全部。
  9. 說明。

感覺比 quicktag 更好用、更有彈性,卻又不像 TinyMCE 等工具那麼複雜。

回應

gas2001 的照片

Re: BUEditor

DRUPAL5.3 安裝OK
可惜無法所見即所得

hsiang 的照片

Re: BUEditor

誰可以分享使用這個模組新增''改變顏色''的語法? 讓我可以新增這個功能^^ 謝謝大家

rhlan 的照片

Re: BUEditor

我也想要改變字體顏色的語法……
謝謝!

Chef 的照片

Re: BUEditor

真的蠻期待顏色語法的補強儘早出現。
此外,也支援 6.x 了!

charlesc 的照片

Re: BUEditor

神奇的事情發生了:
http://drupal.org/node/245309

zincica - May 11, 2008 - 09:06

for backgroun color:
js:
var form = [
{name: 'style', title: 'background color', type: 'select', options: {'': '', 'background-color:red;': 'red', 'background-color:green;': 'green', 'background-color:blue;': 'blue', 'background-color:black;': 'black'}},
];
eDefTagDialog('font', form, 'Background color', 'Ok');

for font color:

js:
var form = [
{name: 'color', title: 'Font color', type: 'select', options: {'': '', red: 'red', blue: 'blue', green: 'green'}},
];
eDefTagDialog('font', form, 'Fon color', 'Ok');

Chef 的照片

Re: BUEditor

才剛禱告玩就靈驗~
才剛認識 Drupal 我看我就離不開她了!

Hipfox 的照片

Re: BUEditor

有點不太可以!
因為 The font element is not supported in XHTML 1.0 Strict DTD.
必須使用 style 代替 font 標籤。

但是支援 Drupal 6.x 版本的 BUEditor 可以達成,見 ( http://ufku.com/drupal/bueditor/tips ) 其中 6.x specific 的部分。

Hipfox 的照片

Re: BUEditor

用下面這段 code 來增加選擇字體顏色 ( font color ) 的按鈕吧~

js:
var form = [
{name: 'style', title: 'Font color', type: 'select', options: {'': '', 'color:red;': 'red', 'color:blue;': 'blue', 'color:green;': 'green'}},
];
eDefTagDialog('span', form, 'Font color', 'Ok');

charlesc 的照片

Re: BUEditor

讚!