2013-04-29 136 views
0

我正在使用内容可编辑div来作为实时协作目的的编辑器。我需要为客户端的每个用户绘制插入/游标。我通过添加和删除每个事件(如按键和点击)上的跨度来做到这一点。有没有办法让一个不可编辑的跨度?

<span id="caret1" style="fontSize:18px color:red">|</span> 

如何使该跨度不可编辑?因此,当用户将他的脱字号放在一个固定的位置,并且另一个用户在同一位置编辑了某些内容时,他不能通过退格键删除该脱字符,或选择该脱字符并将其编辑为文本。

编辑:

<span id="caret1" style="fontSize:18px color:red" contenteditable=false>|</span> 

不允许用户在跨度至少写,但用户仍然可以通过退格键来删除这个跨度。

+0

试过了,没有用! – Bernice 2013-04-29 17:27:31

+2

尝试使用1px左边界或右边界 – sachleen 2013-04-29 17:28:17

+0

而不是跨度?嗯..我可以尝试,但如果有一种方法,这与跨越工作将更好,因为我已经正确实施所有功能 – Bernice 2013-04-29 17:29:44

回答

0

几件东西

1)您的源代码格式不正确。太多的双引号。

"fontSize:18px" color:red" 

2)另一件事是我还没有看到CONTENTEDITABLE作为一个真正的风格,我已经看到了行动的工作更像是一个伪类(在CSS文件中引用),或归因于HTML标签,而不是一种风格本身。

<span id="caret1" contentEditable="true" style=""> 

3)如果没有这些工作,你可以尝试使用Javascript/jQuery的方法删除或退格到一个点那里会是在彼此的顶部两个光标的位置。你可以添加两个ID到相同的跨度。

`<span id="caret1 caret2" style="fontSize:18px" contenteditable:"false" color:"red">|</span> ` 

当caret2做不同的东西,搬出caret1的,并创建一个新的caret2 ...

要做到这一点,你可以使用一个小脚本(也许使用像rangyInputs) ,并确定所选文本中是否有另一个插入符号......并且还使用该位.on('keypress')对删除/退格进行验证...

相关问题