如何在textarea中使用禁用的文本

时间:2012-07-13 05:34:08

标签: jquery html css textarea

我正在尝试在textarea中创建一个禁用/不可编辑的文本。我找到了一个让第一部分无法编辑的技巧 How to lock the first word of a textarea? 但我的问题是在文本的最后。但它甚至可能不是textarea“html-tag”,但它必须看起来像那样且可编辑。

我已经研究和阅读了很多,其他人说只是把它写在外面并告诉他们这个文本会被追加。但是,是的。这也是我的第一个想法。

是否有更简单的jQuery插件?

干杯!

首次评论后修改:

我忘了提到我需要不可编辑的文本使用不同的颜色,因此textarea可能不会将其删除。

3 个答案:

答案 0 :(得分:1)

我有一些有点工作的人http://jsfiddle.net/index/tX44C/2/,已经在努力工作了很多已经使用了contenteditable attr。但是当replaceWith触发时,它仍然存在一些缺陷,特别是在Safari中,它会失去焦点。而且,我无法在IE浏览器上测试它,我认为某些IE在“CSS内容”方面存在问题。

有什么更好的吗?

修改 我对上面发布的链接进行了一些更改(我也编辑了链接),现在看起来效果很好。我对它非常满意所以我现在将使用它,除非其他解决方案出现。

<强>澄清: 小提琴上的代码还包括一个限制器和一些其他输入框,因为我正在查看contenteditable有什么。但是为了让文本在最后一面,我使用了CSS :aftercontent属性以及一些操作来删除br,同时键入以保持它的一面。

干杯!

答案 1 :(得分:1)

如果您使用HTML5 contenteditable属性,则可以实现类似的目标。

<div contenteditable>test <span contenteditable="false">asdf</span> asdf</div>​

您将能够编辑不可编辑部分周围的文本,但您将无法编辑该范围内的文本。但是,您仍然可以通过退格键或选择/删除来删除它。

答案 2 :(得分:0)

有一种感觉这可能还不够,但我已经在用户生成的电子邮件的签名被修复的情况下使用了它。这只是一些css欺骗。

请参阅jsfiddle