Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 键入特定长度后限制iframe designmode宽度_Javascript_Html_Css_Iframe_Designmode - Fatal编程技术网

Javascript 键入特定长度后限制iframe designmode宽度

Javascript 键入特定长度后限制iframe designmode宽度,javascript,html,css,iframe,designmode,Javascript,Html,Css,Iframe,Designmode,我有一个iframe,它是这样的: <iframe id="topic-content" name="topic-content" class="form-fields" ></iframe> 我能够在设计模式下得到它,一切都很好。但是当我不能限制一行文字的长度时,问题就出现了 如果我开始输入它,它将继续在一行中记录所有内容。我已经设置了它的宽度和高度,尝试修复溢出-x和-y,但仍然无法修复它 如有任何建议,将不胜感激。谢谢。试试div的contenteditabl

我有一个
iframe
,它是这样的:

<iframe id="topic-content" name="topic-content" class="form-fields" ></iframe>

我能够在设计模式下得到它,一切都很好。但是当我不能限制一行文字的长度时,问题就出现了

如果我开始输入它,它将继续在一行中记录所有内容。我已经设置了它的宽度和高度,尝试修复溢出-x-y,但仍然无法修复它


如有任何建议,将不胜感激。谢谢。

试试div的
contenteditable
属性,它会更容易设置样式


参考链接:

将现有文件加载到
iframe
,并使用contenteditable
div
而不是在about:blank document中设置
document.desingMode='on'
。这样,在
iframe
中控制样式就更容易了。