草庐IT

javascript - TinyMCE 与 IE8 中可调整大小的内容有关的问题

coder 2024-07-25 原文

更新: posting on the TinyMCE forum 之后(在提供赏金之前我应该​​做的事情)主要问题可能已经解决，但我仍然非常愿意接受关于如何禁用可调整大小行为的其他问题(帖子末尾的数字 2 和 3) ).

我在 IE8(不是其他版本)中使用 TinyMCE 保存内容时遇到问题。在 IE 中，编辑器中的某些元素在每个 Angular 落都有 handle 和可拖动的“边框”，当您聚焦开始编辑时，可能会出现条纹边框:

问题:

如果我在粗边框仍然可见时提交表单(图像中的状态 3)，表单将不会保存内容。我必须单击编辑器的另一个区域以使所有边框消失，然后提交表单。

我使用的是 TinyMCE 3.4.6 jQuery 包，我在其他浏览器中没有这种行为。

更新:

我已经缩小了问题的原因范围，发现了一些东西:

  • 无论是否使用 jQuery 构建都会出现问题，并且不取决于正在使用的 tinymce 插件。
  • 较粗的“边框”似乎仅在元素应用了(最小)高度/宽度时才会出现，无论是声明为内联还是来自外部 CSS。

  • 使用 IETester ，当事件元素的焦点丢失时，我收到错误，声称 'length' 为 null 或不是对象；即当您单击 TinyMCE 编辑器之外的任何地方时。

    我在真正的 IE8 安装中没有看到这个错误(我目前无法访问的东西)，但是:考虑到上述问题和解决方法，这在某种程度上是有道理的。我必须点击提交两次并消除警告才能将表单发布到 IETester 中。

  • 这些边框和句柄实际上会延伸到编辑器/iframe 的外部:

我创建了一个实时 bare-bones demo ，这是它的内容:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
    $(function() {
        $('textarea.tinymce').tinymce({
            script_url : 'tiny_mce/tiny_mce.js',
            content_css : 'test.css'
        });
    });
</script>

<form action="" method="post">
<textarea class="tinymce" name="content">&lt;p&gt;Testing&lt;/p&gt;</textarea>
<button type="submit">Submit</button>
</form>

/* Content of test.css */
p {
    min-height: 24px; /* this line makes the handles appear */
    background-color: #f00;
    color: #fff;
}

如何重现:

  1. 打开 demo在 IE8 中
  2. 点击现有段落，应该会出现一个 1px 的小边框，您应该无法编辑文本。
  3. 再次单击该元素，现在会出现粗边框并且可以编辑文本。
  4. 键入几个字符，然后单击提交按钮。更新不会与 $_POST 数据一起发送。如果您单击编辑器内的另一个区域，移除粗边框，数据将正常发送。

问题/问题:

  1. 重要提示:如何在不需要用户解决方法的情况下让表单发布编辑后的文本？

    更新:这似乎在 recent commit 中解决了来自 TinyMCE 首席开发人员。我仍然无法在真正的 IE8 安装上进行测试，但这有效并消除了 IETester 中的错误。

  2. 不太重要:有什么方法可以完全防止或移除 handle 和可拖动边缘？我猜这是与 IE 的 contentEditable 实现有关的问题，而不是 TinyMCE，甚至可能不是问题的原因。

  3. Extra:如何防止这些句柄延伸到编辑器之外？

最佳答案

问题 2 是由于 IE 实现了 contentEditable，这是他们的连接站点上的一张票，要求修复它 https://connect.microsoft.com/IE/feedback/details/576043/paragraphs-with-haslayout-behave-like-a-block-inside-contenteditable (需要登录)

我不知道问题 3 的任何解决方案，除了等待新的 IE。在 windows8 下的最新 IE10 中，他们声称它已修复 https://connect.microsoft.com/IE/feedback/details/576040/resizing-handles-in-contenteditable-elements-are-placed-over-any-other-element (需要登录)，但他们的解决方案是始终隐藏调整大小的 handle 。嗯，有一个解决方案，它是为了避免在编辑时使用任何强制 IE 的内部 hasLayout 标志的样式

关于javascript - TinyMCE 与 IE8 中可调整大小的内容有关的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7758163/

可调javascriptstrongnoreferrernoopenerinternet-explorer-8tinymcecontenteditable

有关javascript - TinyMCE 与 IE8 中可调整大小的内容有关的问题的更多相关文章

  1. ruby-on-rails - 在 Rails 中将文件大小字符串转换为等效千字节 - 2

    我的目标是转换表单输入，例如“100兆字节”或“1GB”，并将其转换为我可以存储在数据库中的文件大小(以千字节为单位)。目前，我有这个:defquota_convert@regex=/([0-9]+)(.*)s/@sizes=%w{kilobytemegabytegigabyte}m=self.quota.match(@regex)if@sizes.include?m[2]eval("self.quota=#{m[1]}.#{m[2]}")endend这有效，但前提是输入是倍数(“gigabytes”，而不是“gigabyte”)并且由于使用了eval看起来疯狂不安全。所以，功能正常，

  2. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值，但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗？ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值，你可以这样做:values=@input[x]

  3. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容？ - 2

    我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  4. ruby - 查找字符串中的内容类型(数字、日期、时间、字符串等) - 2

    我正在尝试解析一个CSV文件并使用SQL命令自动为其创建一个表。CSV中的第一行给出了列标题。但我需要推断每个列的类型。Ruby中是否有任何函数可以找到每个字段中内容的类型。例如，CSV行:"12012","Test","1233.22","12:21:22","10/10/2009"应该产生像这样的类型['integer','string','float','time','date']谢谢! 最佳答案 require'time'defto_something(str)if(num=Integer(str)rescueFloat(s

  5. HBase Region 简介和建议数量&大小 - 2

    Region是HBase数据管理的基本单位,region有一点像关系型数据的分区。region中存储这用户的真实数据，而为了管理这些数据，HBase使用了RegionSever来管理region。Region的结构hbaseregion的大小设置默认情况下，每个Table起初只有一个Region，随着数据的不断写入，Region会自动进行拆分。刚拆分时，两个子Region都位于当前的RegionServer，但处于负载均衡的考虑，HMaster有可能会将某个Region转移给其他的RegionServer。RegionSplit时机：当1个region中的某个Store下所有StoreFile

  6. ruby - 如何使用 Selenium Webdriver 根据 div 的内容执行操作？ - 2

    我有一个使用SeleniumWebdriver和Nokogiri的Ruby应用程序。我想选择一个类，然后对于那个类对应的每个div，我想根据div的内容执行一个Action。例如，我正在解析以下页面:https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=puppies这是一个搜索结果页面，我正在寻找描述中包含“Adoption”一词的第一个结果。因此机器人应该寻找带有className:"result"的div，对于每个检查它的.descriptiondiv是否包含单词“adoption

  7. ruby-on-rails - Ruby 中意外的大小写行为 - 2

    我在一段非常简单的代码(如我所想)中得到了一个错误的值:org=4caseorgwhenorg=4val='H'endputsval=>nil请不要生气，我希望我错过了一些非常明显的东西，但我真的想不通。谢谢。 最佳答案 这是典型的Ruby错误。case有两种被调用的方法，一种是你传递一个东西作为分支的基础，另一种是你不传递的东西。如果您确实在case中指定了一个表达式语句然后评估所有其他条件并与===进行比较.在这种情况下org评估为false和org===false显然不是真的。所有其他情况也是如此，它们要么是真的，要么是假的。

  8. ruby - 改变替换的大小写 - 2

    我有以下内容:text.gsub(/(lower)(upper)/,'\1\2')我可以将\2替换为大写吗？类似于:sed-e's/\(abc\)/\U\1/'这在Ruby中可行吗？ 最佳答案 查看gsub文档:str.gsub(模式){|匹配|block}→new_str在block形式中，当前匹配字符串作为参数传入，$1、$2、$`、$&、$'等变量将被适当设置。block返回的值将替换为每次调用的匹配项。"alowerupperb".gsub(/(lower)(upper)/){|s|$1+""+$2.upcase}

  9. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  10. ruby - 如何在ruby中提取方括号内的内容 - 2

    我正在尝试提取方括号内的内容。到目前为止，我一直在使用它，它有效，但我想知道我是否可以直接在正则表达式中使用某些东西，而不是使用这个删除功能。a="Thisissuchagreatday[coolawesome]"a[/\[.*?\]/].delete('[]')#=>"coolawesome" 最佳答案 差不多。a="Thisissuchagreatday[coolawesome]"a[/\[(.*?)\]/,1]#=>"coolawesome"a[/(?"coolawesome"第一个依赖于提取组而不是完全匹配；第二个利用前瞻和

随机推荐