4

ckeditorを使用して自分のWebサイトの編集可能な領域を作成したいと思います。この編集可能な領域には、ckeditorのようにhtml形式の要素を表示する必要があります。さらに、フォントと色が私のWebサイトのスタイルと一致するようにしたいと思います。

解決策は非常に単純なようです。インライン編集を使用して、次のように書くことができます。

<script type="text/javascript" src="ckeditor.js"></script>
<div contenteditable="true">my content...</div>

それは機能しますが、私が必要としないものがあります。div要素にフォーカスがあるかどうかに関係なく、エディターが表示されたり消えたりします。でも、一瞬一瞬編集者に見せたい!

これは、テキストエリアを置き換える(他のすべてのフォーラムを読む)だけで可能であるように見えますが、テキストエリアは私のWebサイトのスタイルシートと一致しません!

いくつか検索した後、私はckeditorのウェブサイトでこの例を見ました:http://ckeditor.com/demo#div

それはまさに私が必要なものです!!! 消えることのないインラインエディタ!

問題は:

私はコードがあまり得意ではないので、そのようなエディターを作成するための基本的なコードが何であるか理解できません!手伝ってくれませんか。

4

1 に答える 1

15

ここでググった!

divareaCKEditor用のプラグインが必要です:ダウンロードページ

このプラグインをインストールした後、次のようにエディターを起動する必要があります。

<script>CKEDITOR.replace('my_text_area', { extraPlugins : 'divarea' });</script>

または、CKEditorにプラグインを追加できますconfig.js

CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'divarea'
};

それが役立つことを願っています(そうすべきです!)

于 2013-03-10T14:53:48.913 に答える