草庐IT

contenteditables

全部标签

javascript - Contenteditable 标签延续

问题前发生的事情的小介绍:在包含html标签的contenteditable中键入文本时,如果您位于标签的右侧,它会继续插入标签内。例如,如果我有这样的文字:Thequickfoxjumpedoverthelazydog.它呈现成这样快速|狐狸跳过了懒狗。我的光标位于竖线位置,紧跟在单词quick之后。如果我输入brown我会得到Thequickbrownfoxjumpedoverthelazydog.快速棕色|狐狸跳过了懒狗。示例:http://jsfiddle.net/mBzvs/我的问题是,如何为其他标签(例如span)删除此标签延续功能?我想把它留到标签,但我不希望发生这种情况

javascript - Contenteditable 标签延续

问题前发生的事情的小介绍:在包含html标签的contenteditable中键入文本时,如果您位于标签的右侧,它会继续插入标签内。例如,如果我有这样的文字:Thequickfoxjumpedoverthelazydog.它呈现成这样快速|狐狸跳过了懒狗。我的光标位于竖线位置,紧跟在单词quick之后。如果我输入brown我会得到Thequickbrownfoxjumpedoverthelazydog.快速棕色|狐狸跳过了懒狗。示例:http://jsfiddle.net/mBzvs/我的问题是,如何为其他标签(例如span)删除此标签延续功能?我想把它留到标签,但我不希望发生这种情况

javascript - 限制在 contenteditable 中粘贴 (HTML/JS)

我想阻止用户在contenteditablediv中粘贴不允许的标记。我想将粘贴限制为粗体、斜体、删除线、下划线和链接。最好的方法是什么(我正在使用jQuery)?这不是JQueryTextEditorPasteWithoutFormatting的副本.我不想在没有格式化的情况下粘贴。我想选择/限制某些标记。我已经阅读了以下问题,没有一个提供明确的答案:JQueryTextEditorPasteWithoutFormattingHowtofilteruserpastedcontentincontenteditablediv?Javascripttrickfor'pasteasplain

javascript - 限制在 contenteditable 中粘贴 (HTML/JS)

我想阻止用户在contenteditablediv中粘贴不允许的标记。我想将粘贴限制为粗体、斜体、删除线、下划线和链接。最好的方法是什么(我正在使用jQuery)?这不是JQueryTextEditorPasteWithoutFormatting的副本.我不想在没有格式化的情况下粘贴。我想选择/限制某些标记。我已经阅读了以下问题,没有一个提供明确的答案:JQueryTextEditorPasteWithoutFormattingHowtofilteruserpastedcontentincontenteditablediv?Javascripttrickfor'pasteasplain

javascript - 将 ContentEditable div 设置为只读?

所以我想要一个contenteditablediv的功能(主要是通过键盘选择文本),但我不想让用户编辑文本-我假设是readonly="readonly"会起作用,但遗憾的是它不起作用。我们知道是否有办法做到这一点吗?contenteditablediv可能在内部嵌套标签(的,的)。我想避免使用文本区域(这就是它的用途),因为它不允许我做我需要做的其他事情。有没有不用javascript的好方法?如果没有,是否有一小段javascript仍然允许复制、突出显示等?谢谢。这是一个例子:http://codepen.io/anon/pen/dxeAE 最佳答案

javascript - 将 ContentEditable div 设置为只读?

所以我想要一个contenteditablediv的功能(主要是通过键盘选择文本),但我不想让用户编辑文本-我假设是readonly="readonly"会起作用,但遗憾的是它不起作用。我们知道是否有办法做到这一点吗?contenteditablediv可能在内部嵌套标签(的,的)。我想避免使用文本区域(这就是它的用途),因为它不允许我做我需要做的其他事情。有没有不用javascript的好方法?如果没有,是否有一小段javascript仍然允许复制、突出显示等?谢谢。这是一个例子:http://codepen.io/anon/pen/dxeAE 最佳答案

javascript - HTML5 contenteditable div 只接受明文

我正在尝试创建一个HTML5contenteditablediv,它只接受纯文本。我在下面使用html和jQuery:HTMLjQuery(function(){$('[contenteditable]').on('paste',function(e){e.preventDefault();vartext=null;text=(e.originalEvent||e).clipboardData.getData('text/plain')||prompt('PasteYourTextHere');document.execCommand("insertText",false,text);

javascript - HTML5 contenteditable div 只接受明文

我正在尝试创建一个HTML5contenteditablediv,它只接受纯文本。我在下面使用html和jQuery:HTMLjQuery(function(){$('[contenteditable]').on('paste',function(e){e.preventDefault();vartext=null;text=(e.originalEvent||e).clipboardData.getData('text/plain')||prompt('PasteYourTextHere');document.execCommand("insertText",false,text);

html contentEditable document.execCommand 更改选定的不透明度

任何人都曾在contentEditableselected上改变不透明度。我尝试了以下内容:document.execCommand('foreColor',false,'rgba(0,0,0,0.5)');//withrgbadocument.execCommand('foreColor',false,'80000000');//withalphahex没有成功。但我可以很容易地改变颜色:document.execCommand('foreColor',false,'000000');谁能帮我用document.execCommand改变不透明度?更新进一步查找发现:document

html contentEditable document.execCommand 更改选定的不透明度

任何人都曾在contentEditableselected上改变不透明度。我尝试了以下内容:document.execCommand('foreColor',false,'rgba(0,0,0,0.5)');//withrgbadocument.execCommand('foreColor',false,'80000000');//withalphahex没有成功。但我可以很容易地改变颜色:document.execCommand('foreColor',false,'000000');谁能帮我用document.execCommand改变不透明度?更新进一步查找发现:document