Modx TinyMCE HTMLフォーマット

Question

私は現在、Shadowboxを使って写真やビデオをプレビューできるサイトを構築しています。また、jQueryツールのスクロール可能なツールを使用して、サムネイルをスクロールすることもできます。私はCMSとしてModXを使用しています。

私はエディタとしてTinyMCEを使用できるようにページを編集したいと思っています。これは写真では問題ありませんが、ビデオでは各ビデオの説明も必要です。ビデオの各要素がスクロール可能なdivで正しく動作するようにラップする必要があるため、次のような形式のコードが必要です。

<div> 
    <a href="video_preview/stupid girl.flv"><img src="images/vid.gif" alt="video 1" title="Stupid Girl" /></a> 
    <h4>STUPID GIRL</h4> 
    <p>Garbage perform classic hit Stupid Girl</p> 
</div> 
<div> 
    <a href="video_preview/rehearsals.flv"><img src="images/rehearsals.jpg" alt="video 2" title="Rehearsals" /></a> 
    <h4>REHEARSALS</h4> 
    <p>Garbage back stage and at rehearsals</p> 
</div> 

ここには2つのビデオがありますが、いくつでもビデオを入力できます。現時点では、TinyMCEにこの形式のコードを生成させることはできません。どのように私はこれをやって行くか、これを見なければならない別の方法がありますか？現時点では、上記のコードセクションは、それ自身のチャンク内に含まれています

Answer 1

私はあなたが間違った方法でこれを行っていると思います。

ビデオの文書は、そのテンプレートのテンプレート変数を作成し、この場合にはビデオでテンプレートを文書を割り当てるなど、メニューに表示する「ビデオ・テンプレート」

を必要としない ビデオと呼ばれる新しいフォルダを作成します。次の項目について：ムービーファイル、タイトル、説明。

チャンク内にあるHTMLを使用します。この場合は "video-chunk"です。

<div> 
    <a href="[*Movie-file*]"><img src="images/vid.gif" alt="video 1" title="Stupid Girl" /></a> 
    <h4>[*title*]</h4> 
    <p>[*description*]</p> 
</div> 

次に、チャットを使用して、上記のチャンクをテンプレートとして「ビデオ」フォルダに挿入します。

[!Ditto? &parents=`183`&orderBy=`createdon ASC` &display=`5` 
    &total=`5` &tpl=`video-chunk`!] 

それが理にかなっているなら、私を知ってみましょうが、私の心の中であなたは確かにこれと同様の方法でそれに取り組むべきです。

ユーザーが新しいビデオを追加したい場合、ビデオフォルダに新しいドキュメントを作成し、テンプレート変数を設定するだけです。同上の