1

オーチャードCMSを使用してウェブサイトを構築しています。オーチャードのテキストエディタを使用してページを追加しました。次のコードを入力して保存します。

<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html">
     <div class="image-wrapper">
          <img src="content/img/My Apps.png" />
      </div>
      <div class="column-text">
      <div class="text">Grid system</div>
          <div class="text">Layouts</div>
          <div class="text">Responsive design</div>
       </div>
     <span class="app-label">SCAFFOLDING</span>
</a>

しかし、エディターを再度開くと、テキストエディターでコードが変更されていることがわかりました。

<h2>Bootstrap Metro</h2>
<div class="image-wrapper"><img src="content/img/My Apps.png" /></div>
<div class="column-text">
<div class="text">Grid system</div>
<div class="text">Layouts</div>
<div class="text">Responsive design</div></div>
<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html"><span class="app-label">SCAFFOLDING</span> </a>

変更されたコードは次のとおりです。

<a class="tile wide imagetext bg-color-blue" href="./bootstrap-scaffolding.html"><span class="app-label">SCAFFOLDING</span> </a>

何か提案をお願いします。

4

2 に答える 2

9

TinyMCE オプションを変更することで機能するようになりました (orchard-tinymce.js にありますが、オプションを構成する別の方法がいくつかある TinyMceDeluxe を試すことができます)。

, forced_root_block: false
, preformatted: true
, schema: 'html5'
, valid_children: '+a[div],+a[span]'

問題を解決したのは「valid_children」設定であると確信していますが、その前にある他の設定は私が最初に試したものであり、valid_children を試したときに構成に含まれていました。他のオプションを削除して、valid_children だけを使用して、機能するかどうかを確認できます。

動作する可能性のある doctype オプションもあります。TinyMCE が作成する iframe の doctype を制御します。HTML5<div>要素は a タグの有効な子であるため、tinyMCE コードが doctype またはスキーマ ルールを適切に適用していれば、valid_children を設定する必要はありません。（これが私が上記を試した理由ですschema: 'html5'が、うまくいかなかったようです）

于 2012-10-19T13:53:05.290 に答える
0

おそらく TinyMCE が、いくつかの TinyMCE ルールに一致するように HTML を変更します。TinyMCE モジュールを無効にすると、変更されない HTML を入力できるプレーン テキストエリアが表示されます。

この動作を変更するオプションを提供するTinyMCE デラックス モジュールがあります。

于 2012-10-19T10:44:35.300 に答える