2012-03-07 34 views
1

是的,我知道這個問題已被要求死亡..請耐心等待。用於定製cms字段的富文本編輯器

我只是想在一個定製的CMS來理解地採取行動,將數據輸入一個外行簡單描述領域,而不是讓他們重新設計他們的網站。

所有這一切的真正含義是一個文本區,優雅地處理特殊字符和從MS字等複製的所有垃圾。

我喜歡在內容和表示之間保持清晰的分離,所以不要在所有大名鼎鼎的wysiwyg編輯器中使用所有格式化選項。我的規則基本上是,如果它帶有一個太多的工具欄。而且我並沒有要求客戶學習降價。

這將是很好,如果它無形中添加段落和換行符,他們屬於。但是這是爲了簡短的描述性文字,可能是100個字,不是寫文檔,所以即使是可選的。

我很想重新發明輪子,但是,儘管我會先問問題。任何人已經完成了其中之一?

謝謝。

回答

1

最常見的可能是TinyMCE但爲什麼不按照SO的標準使用WMD

+0

聲音從描述好,但是下載和演示鏈接似乎被打破和svn只是給我一個空目錄... – nicholas 2012-03-07 22:26:29

+0

試試這裏:http://code.google.com/p/wmd-new/source/list – AlienWebguy 2012-03-07 22:43:24

0

您可以嘗試使用EasyEditor其非常簡單直接,也靈活定製使用。

HTML:

<form action="" id="myform" class="demo-form"> 
    <label for="title">Title</label> 
    <input type="text" id="title" placeholder="Enter title"> 

    <label for="description">Description</label> 
    <textarea name="description" id="description" rows="10" placeholder="Enter article body"></textarea> 

    <button type="submit" class="btn">Save article</button> 
</form> 

CSS:

<link rel="stylesheet" href="path_to/easyeditor.css"> 

JS:

<script src="path_to/jquery.min.js"></script> 
<script src="path_to/easyeditor.js"></script> 

<script> 
    jQuery(document).ready(function($) { 
     new EasyEditor({ 
      element: '#description' 
     }); 
    }); 
</script> 

更多的例子here