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 之前，但是当我点击时，我仍然是粗体，当我点击 B 时，它仍然是斜体。如何解决这个问题？还有无论如何不编辑主 jquery.wysiwyg.css 文件而只是覆盖 .css 和 .js 代码？我正在使用 RubyonRails 顺便说一句

谢谢

4

2 回答 2

1

您需要在所见即所得.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，但它仍然可以正常工作。默认情况下，粗体：属性是wysiwyg.js文件中this.controls对象中传递的第一个属性，不知道为什么即使不修改 css 文件它仍然有效。

编辑：

演示：http: //jsfiddle.net/M2uKK/2/

我添加了小提琴本身所需的所有 js 和 css 文件的源代码，因为我无法为它们找到 cdns。图像将不可用，但您仍然可以看到第一个和第二个选项是斜体和粗体。

注意：我在这里所做的唯一更改是更改粗体和斜体属性的位置，如前所述。

于 2013-04-01T07:27:36.667 回答
0

您正在编辑的是项目的精灵。页面中有一个包含所有需要的图像的背景，将一个放在另一个的一侧，然后在每个元素中调整这个大图像的位置以仅显示元素所需的部分。

因此，您只更改显示的图像。

如果不看更多代码，很难说你怎么能实现你想要的。可能是一些相对定位？

于 2013-04-01T07:28:00.760 回答