2012-03-07 4 views
1

はい、私はこの質問が死ぬように求められていることを知っています。カスタムCMSフィールドのリッチテキストエディタ

カスタムCMSの単純なの説明フィールドは、データを入力する慣れ親ししている人には分かりやすく働き、自分のサイトを再設計することはできません。

本当に意味するのは、特別な文字とMSの単語などからコピーされたすべての迷惑メールを正常に処理するテキストエリアです。

私はコンテンツとプレゼンテーションをはっきりと分けておくのが好きなので、すべての大手の名前のエディタですべてのフォーマットオプションが必要なわけではありません。私のルールは、それがあまりにも多くのツールバーに付属している場合は基本的にです。私はクライアントにマークダウンを学ばせることを求めていません。

パラグラフと改行が目に見えない形で追加されているといいでしょう。しかし、これは簡単な記述テキスト、おそらく100ワード、書類ではないので、オプションでもあります。

もう一度ホイールを再発明したいと思っていますが、最初に質問しますが。誰もこれらのうちの1つをすでに済ませていますか?

ありがとうございました。

答えて

1

最も一般的なのはおそらくTinyMCEですが、SOのリードに従わずにWMDを使用するのはなぜですか?

+0

は説明から良く聞こえるが、ダウンロードとデモリンクは思えます壊れるsvnは私に空のディレクトリを与えます... – nicholas

+0

ここで試してみてください:http://code.google.com/p/wmd-new/source/list – AlienWebguy

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

関連する問題