2017-09-28 17 views
0

私は本当にCKEditorのタブを使いたいです。これは書式設定されたテキストで可能です。手順は、常にこのような8つのスペースであったことをCKEditor - タブ

It is really Tab 
123456781234567812345678 

そして、私が欲しい、::

It  is  really Tab 
12345678123456781234567812345678 
例えば

It	is	really	Tab 

しかし、このタブの手順のみ4つのスペース

contents.cssを変更すると、IEでは効果がありますが、Chromeでは効果がありません。

pre { 
    white-space: pre-wrap; /* CSS 2.1 */ 
    word-wrap: break-word; /* IE7 */ 
    -moz-tab-size: 8; 
    tab-size: 8; 
} 

EDIT: フォントファミリの問題。私はそれを書くのを忘れた。

<pre><span style="font-family:Arial"> 
It&#9;is&#9;really&#9;Tab&#10;12345678123456781234567812345678</span></pre> 

モノフォント以外のフォントファミリを使用している場合は機能しません。 どうすれば修理できますか?

アイデア?

+0

look:https://docs.ckeditor.com/#!/guide/dev_tabindex –

+1

@SyedAmirHussainこれはまったく別のプロパティです。 – Styx

+0

Chromeで正常に機能していませんか?それはそうです:https://jsfiddle.net/9pgud011/ – Styx

答えて

0

It shall work。 CKEditorはより高い特異性を持つルールでルールを上書きするようです。

タブサイズのデフォルト値は8なので、間違いなくどこかで上書きされます。 devツールを使ってどこを見つけるか。

+0

はい、動作します。フォントファミリの私の問題。私はそれを書くのを忘れた。

  It	is	really	Tab
12345678123456781234567812345678
フォントファミリを使用している場合は機能しません。 どうすれば修理できますか? – user255391

+0

タブの視覚効果を十分に発揮させるには、モノスペースフォントを選択する必要があります。 –