0

表示されているhttps://github.com/akzhan/jwysiwygを使用しています

B I U

コントロールとして、太字がオプションとして最初に表示されないようにコントロールの順序を変更したい。

ソースコードを調べたところ、https://github.com/akzhan/jwysiwyg/blob/master/jquery.wysiwyg.cssで見た

div.wysiwyg ul.toolbar li.bold { background-position: -1px -15px; }
div.wysiwyg ul.toolbar li.italic { background-position: -18px -15px; }

だから私はそれを

div.wysiwyg ul.toolbar li.bold { background-position: -18px -15px; }
div.wysiwyg ul.toolbar li.italic { background-position: -1px -15px; }

エディターでは、私は B の前にいますが、クリックすると I はまだ太字になり、B をクリックするとイタリック体になります。これを修正するには？また、メインの jquery.wysiwyg.css ファイルを編集せずに .css および .js コードを上書きする方法はありますか? 私はRubyonRailsを使用しています

ありがとう

4

2 に答える 2

1

wysiwyg.jsのソース コードの太字と斜体のプロパティの順序を変更する必要があります。

次のコードの位置を変更しただけです

bold: {
            groupIndex: 0,
            visible: true,
            tags: ["b", "strong"],
            css: {
                fontWeight: "bold"
            },
            tooltip: "Bold",
            hotkey: {"ctrl": 1, "key": 66}
        },

と

italic: {
            groupIndex: 0,
            visible: true,
            tags: ["i", "em"],
            css: {
                fontStyle: "italic"
            },
            tooltip: "Italic",
            hotkey: {"ctrl": 1, "key": 73}
        },

ただし、cssを変更していませんが、それでも正常に機能しています。デフォルトでは、bold:プロパティは、wysiwyg.jsファイルのthis.controlsオブジェクトで渡される最初のプロパティです。css ファイルを変更しなくても機能する理由はわかりません。

編集：

デモ: http://jsfiddle.net/M2uKK/2/

フィドル自体に必要なすべての js および css ファイルのソース コードを追加しました。それらの cdns を見つけることができなかったからです。画像は利用できませんが、最初と 2 番目のオプションが斜体で太字になっていることがわかります。

注:ここで行った唯一の変更は、以前に説明したように、太字と斜体のプロパティの位置を変更することです。

于 2013-04-01T07:27:36.667 に答える
0

編集しているのはアイテムのスプライトです。ページに必要なすべての画像を含む背景があり、一方を他方の横に配置し、すべての要素でこの大きな画像の位置を調整して、要素に必要な部分のみを表示します。

したがって、表示される画像のみを変更しています。

より多くのコードを表示せずに、どうすれば目的を達成できるかを言うのは困難です。相対的な位置付けかもしれませんか？

于 2013-04-01T07:28:00.760 に答える