5

ドキュメントによると、この設定を使用して事前定義されたフォーマットを上書きしたいと思います:

formats: {
        bold : {inline : 'b' },  
        italic : {inline : 'i' },
        underline: { inline: 'u' }
    },

「this is a text」をエディターに挿入し、下線ボタンを押します。これが結果です (これもデータベースに保存されます):

<p>thi<span style="text-decoration: underline;">s is a t</span>ext</p>

u-tag が表示されず、定義済みのスパンに下線付きのスタイルが表示されるのはなぜですか? ここで素敵な u タグを取得するにはどうすればよいですか?

編集: u タグが非推奨であることは知っていますが、互換性の理由から必要です!

EDIT2:受け入れられた回答のおかげで私の解決策:

legacyoutput プラグインのコードを使用することができました。i nline_styles 設定を使用しました

inline_styles: false,

さらに、次のコードを私のプラグイン onInit の 1 つに追加しました

serializer = ed.serializer;

// Force parsing of the serializer rules
serializer._setup();

// Check that deprecated elements are allowed if not add them
tinymce.each('b,i,u'.split(','), function(name) {
  var rule = serializer.rules[name];

  if (!rule) serializer.addRules(name);
});
4

3 に答える 3

15

ここでの本当の答えは次のようになりました。

http://tinymce.moxiecode.com/wiki.php/Plugin:legacyoutput
(コメントを参照)

これが正しいかどうかはわかりません。ここで見つけたものを繰り返します。

まず、次のことを警告します。

<u>廃止されました。

それで：

inline_styles オプションを無効にします。インライン スタイルは、ほとんどの属性を CSS スタイル属性に変換するため、 、 など
ではなくスパン タグを使用します。したがって、このオプションを無効にすると (デフォルトで有効になっています)、探している動作が得られます。<u><strike>

または:

これはそれを行います：

tinyMCE.init({
    ...
    formats : {
        underline : {inline : 'u', exact : true}
        }

...

幸運を！

于 2011-03-07T12:47:03.793 に答える
9

ありがとうございます。新しいタグ<u>をサポートしていない SSRS 2008 レポートのタグも必要です。<span style="text-decoration: underline;">

この組み合わせは私のために働いた：

inline_styles: false,
formats: {
    underline: { inline: 'u', exact : true }
}
于 2014-01-23T12:50:02.330 に答える
0

ここで動作しますか？

http://jsfiddle.net/dFY6r/

またu、タグは非推奨であり、b現在iCSS を使用しているのはそのためです。

.className {
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}
于 2011-03-07T12:48:29.850 に答える