Jeditable在文本区域的文本周围插入额外的空格

Question

当我点击编辑某些文本时,Jeditable会在文本区域的实际文本周围插入额外的空格.如何修剪或实际修复此问题？

Answer 1

实际上你可以传递一个函数来修剪你要编辑的字符串.在您的设置中使用此选项:

data    : function(string) {return $.trim(string)},
submit: "Save"

Answer 2

找到原因.这太疯狂了!

如果html看起来如下,编辑将在文本周围插入空格

<div id="inplace_edit_this">
     This is some text that will be edited in-place.
</div>

它将不是周围文本中插入空间,如果你的HTML看起来像这样

<div id="inplace_edit_this">This is some text that will be edited in-place.</div>

我想知道是什么原因造成的 这可能是因为浏览器和Javascript解释HTML的方式不同.

Answer 3

这可能是旧闻,但我遇到了类似的问题:我不知道为什么,但在保存编辑后的文本输入后,下次我点击它时,在可编辑之前插入了11个空格(每次)文本.

经过大量的反复试验,我终于通过编辑jeditable.js文件中的〜239行解决了这个问题:

content.apply(form, [input_content, settings, self]);

并替换为:

content.apply(form, [$.trim(input_content), settings, self]);

(按照Baloneysammitch的建议)

请注意,我几乎不知道我在做什么,但这似乎有效!也许比我更有技巧的人可以解释那些额外的11个空间可能来自哪里......