小编ole*_*leq的帖子

在我<textarea>,我有这个文字:

<table class='table table-striped'>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>

使用后CKEDITOR.replace(),我的文本区域成为CKEditor,并且其中有一个表格.问题是CKEditor将其类添加到我的表中cke_show_border.只有该类中的属性应用于表,我的类都不会应用.

我应该怎么做才能使它适用于我table和table-striped班级？

谢谢你的帮助.

我正在使用CKEditor版本3.6

我想自动添加class="newsleft"到通过WYSIWYG 添加的任何图像标签.

我看过几篇提到dataProcessor的帖子,但不知道应该添加哪个文件或者怎么做.

有人能告诉我在哪里放置以下代码吗？

editor.dataProcessor.htmlFilter.addRules(
{
    elements:
    {
        img: function( element )
        {
            if ( !element.attributes.alt )
                element.attributes.alt = 'An image';
        }
    }
} );

我有一个绝对定位的面板（固定高度，overflow scroll）和一个带有正方形瓷砖的网格（10列）。在Chrome中，网格可以正确呈现：

但是在FF / Safari中，最后一列显示在包装器的滚动条后面，这很奇怪：

我想要的是所有浏览器（例如Chrome）中的相同行为。我怎么得到这个？

jsFiddle

:root {
	--ck-character-grid-tile-size: 24px;
}

body * {
  box-sizing: border-box;
}

.wrapper {	
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  background: red;
  position: absolute;
  top: 50px;
  left: 50px;
  outline: 1px solid black;
}

.grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  background: blue;
}

button {
  background: yellow;
  width: var(--ck-character-grid-tile-size);
  height: var(--ck-character-grid-tile-size);
  min-width: var(--ck-character-grid-tile-size);
  min-height: var(--ck-character-grid-tile-size);
  border: 0;
  padding: 0;
  overflow: hidden;
  outline: 1px solid black;
}

<div class="wrapper">
  <div class="grid">
    <button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button><button>x</button>
  </div> …

我无法html4Mode选择为我工作.

我在一个非常简单的两页应用程序上使用ajaxify脚本(https://github.com/browserstate/ajaxify).在支持html5的浏览器中一切正常,但如果我想强制html4回退用于测试目的没有任何变化,似乎历史忽略了选项并继续使用html5推送状态URL.

为了强制退回,我只是更改了ajaxify脚本添加(在DOM就绪):

History.options.html4Mode = true;

(我使用的是v1.8b1 jquery html4 + 5捆绑脚本)

有没有办法让这个工作？

我坚持使用Firefox中的拖放操作.

看看这个例子:http: //jsfiddle.net/5nqRX/

页面上有两个textareas和两个contentEditable div.

0)如果从第一个文本区域拖动文本并将其放到第二个文本区域,则复制文本.< - 在IE/Chrome中它被移动了

1)如果您从textarea拖动文本并将其放到contentEditable div,则没有任何反应.< - 在IE/Chrome中它被移动了

2)如果您从第一个contantEditable div中拖动文本并将其放到第二个文本中,文本将完全消失(从第一个div中删除,并且没有出现在第二个div中)< - 在IE/Chrome中它被移动

WTF默认使用Firefox的丢弃处理？或者我会错过什么？

我想在 CKEditor 中选择一个特定的文本。我使用了以下内容：

var sel = editor.getSelection();

var element = sel.root;
console.log(element);
sel.selectElement(element);
var findString = 'foobar';
var ranges = editor.getSelection().getRanges();
var startIndex = element.getHtml().indexOf(findString);

if (startIndex != -1) {
    ranges[0].setStart(element.getFirst(), startIndex);
    console.log(element.getFirst() +" - "+ startIndex);
    console.log(element.getFirst() +" - "+ startIndex + findString.length);
    ranges[0].setEnd(element.getFirst(), startIndex + findString.length);
    sel.selectRanges([ranges[0]]);
}

如果它是没有换行符的纯文本，它工作正常。如果我要选择的文本在第二行之后或已格式化，则会出现以下错误：

未捕获的错误：IndexSizeError：DOM 异常 1

出了什么问题？