我正在尝试在textarea中创建一个禁用/不可编辑的文本。我找到了一个让第一部分无法编辑的技巧 How to lock the first word of a textarea? 但我的问题是在文本的最后。但它甚至可能不是textarea“html-tag”,但它必须看起来像那样且可编辑。
我已经研究和阅读了很多,其他人说只是把它写在外面并告诉他们这个文本会被追加。但是,是的。这也是我的第一个想法。
是否有更简单的jQuery插件?
干杯!
首次评论后修改:
我忘了提到我需要不可编辑的文本使用不同的颜色,因此textarea可能不会将其删除。
答案 0 :(得分:1)
我有一些有点工作的人http://jsfiddle.net/index/tX44C/2/,已经在努力工作了很多已经使用了contenteditable attr。但是当replaceWith
触发时,它仍然存在一些缺陷,特别是在Safari中,它会失去焦点。而且,我无法在IE浏览器上测试它,我认为某些IE在“CSS内容”方面存在问题。
有什么更好的吗?
修改强> 我对上面发布的链接进行了一些更改(我也编辑了链接),现在看起来效果很好。我对它非常满意所以我现在将使用它,除非其他解决方案出现。
<强>澄清:强>
小提琴上的代码还包括一个限制器和一些其他输入框,因为我正在查看contenteditable有什么。但是为了让文本在最后一面,我使用了CSS :after
和content
属性以及一些操作来删除br,同时键入以保持它的一面。
干杯!
答案 1 :(得分:1)
如果您使用HTML5 contenteditable
属性,则可以实现类似的目标。
<div contenteditable>test <span contenteditable="false">asdf</span> asdf</div>
您将能够编辑不可编辑部分周围的文本,但您将无法编辑该范围内的文本。但是,您仍然可以通过退格键或选择/删除来删除它。
答案 2 :(得分:0)
有一种感觉这可能还不够,但我已经在用户生成的电子邮件的签名被修复的情况下使用了它。这只是一些css欺骗。
请参阅jsfiddle