0

Markitup（http://markitup.jaysalvat.com/home/）のインスタンスを使用してサイトのHTMLをフォーマットすることを計画していますが、コンテンツをプルするCMSに固有のボタン/設定を含めることを望んでいました。 。問題は、上記の要素がHTMLタグとしてフォーマットされている間、エディターがそれらを認識しないか、コンテンツ/テキストの周りにラップすることを許可しないことです。

タグを解析する必要はありません。タグを挿入できるようにするためにエディターが必要ですが、設定でタグをHTMLとして識別することはできず、テキストとして識別することもできません。

このようなエディターを使用して、既存のコンテンツにカスタムタグをラップする方法はありますか？

私が達成しようとしているのは、基本的に、エディターのボタンを押して、いくつかの異なるパラメーターを要求するプロンプトで応答し、残りの選択されたHTMLをタグでラップすることです。結果は次のようになります。

<box title="EXAMPLE" align="LEFT">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut nisl id sem volutpat interdum. Donec ante sapien, tincidunt nec venenatis at, posuere a magna. Suspendisse id metus sapien. Nullam sed rutrum tellus. Integer laoreet sem non lorem elementum ultricies.</box>
4

1 に答える 1

0

Markitupを使用したことがないので、実行するのはかなり簡単であることがわかりました。htmlデモから始めて、markitup / sets /html/の3つのことを変更する必要があります。

  1. ボタンの画像を画像フォルダに追加します（または今のところ既存の画像を選択します）。
  2. style.cssに画像への参照を追加します。各ボタンは、ボタンの行の順序（.markItUpButton1、.markItUpButton2など）に基づいてクラスを取得しているようです。別のクラス（クリーン/プレビュー）を使用したものもありましたが、それでもカウントされました。そのため、最後にボタンを追加しました。これは18番目で、コードは次のとおりです。.markItUp .markItUpButton18 a {background-image：url（images / box.png）;}または、「className」属性を使用します。 set.jsとそれを参照してください。
  3. set.jsにオブジェクトを追加します。比較のために既存のボタンを使用してください。

あなたはこれのような単純なものから始めることができます：

{name:'Box', openWith:'<box>', closeWith:'</box>'}

属性を追加する構文は少しファンキーですが、基本的に他のボタンを見ると要点を理解できます。

{name:'Box', openWith:'<box title="[![Title]!]" align="[![Align]!]" >', closeWith:'</box>' }

あなたが説明したようにテストされ、動作します！ご不明な点がございましたら、お気軽にお問い合わせください。私にとって最も難しい部分は、追加の「セット」（htmlなど）をダウンロードしないと、どの例も実行できないことに気づいたことです。

于 2012-01-14T22:02:21.190 に答える