草庐IT

javascript - 满足的状态

coder 2023-07-31 原文

满足状态

所见即所得编辑器制作的标记非常糟糕。它充斥着样式属性，通常甚至不是有效的 HTML(缺少结束标记、样式重叠等)。对于 contenteditable 引入的问题，是否有任何既定的解决方案？如果没有，我该如何着手创建一个？

无效的 HTML

例如，在一个流行的富文本编辑器中输入一个无序列表和一行文本后，我会看到以下 HTML:

<ul><li>foo</li><li>bar</li></ul><div>baz

div 标签是从哪里来的？为什么不关闭？为什么不是一个段落 - 当然是正确关闭？这是可以预防的吗？

非语义 HTML

另一位编辑制作了以下内容:

<p style="font-size:11pt; line-height:115%; margin:0pt 0pt 0pt 36pt; text-indent:-18pt"><span style="color:#000000; font-family:Arial; font-size:11pt; font-style:normal; font-weight:normal; text-decoration:none">●</span><span style="font:7.0pt &#39;Times New Roman&#39;">     </span><span style="color:#000000; font-family:Arial; font-size:11pt; font-style:normal; font-weight:normal; text-decoration:none">Lorem</span></p><p style="font-size:11pt; line-height:115%; margin:0pt 0pt 0pt 36pt; text-indent:-18pt"><span style="color:#000000; font-family:Arial; font-size:11pt; font-style:normal; font-weight:normal; text-decoration:none">●</span><span style="font:7.0pt &#39;Times New Roman&#39;">     </span><span style="color:#000000; font-family:Arial; font-size:11pt; font-style:normal; font-weight:normal; text-decoration:none">ipsum</span></p>

这是有效的标记，但它在语义上很糟糕!编辑器插入了文字 元素符号字符，而不是样式化的无序列表。作为一名开发人员，我不知道如何处理 contenteditable 生成的标记。就样式而言，它完全没用。

替换

直到最近，我一直在使用 Markdown 作为从用户那里生成语义正确的 HTML 的工具。但是，Markdown 缺少我的用户要求的某些功能(非技术人员的易用性、图像定位等)。在寻找能够生成有效的语义标记的所见即所得编辑器数周后，我发现 contenteditable 使这成为不可能。有人在某个地方谈论这些问题的解决方案吗？我怎样才能参与。

[更新] 澄清

我想我之前并没有完全清楚。我不是在寻求解决 contenteditable 问题的方法。我发现了很多，包括下面提到的大部分。我试图找到的是这些问题的根本原因。为什么 contenteditable 如此糟糕？是由于技术问题还是遗留代码问题？此外，正在采取什么措施来修复它以及这项工作在哪里完成？

[更新] Google 文档

上面第二个示例中的 HTML 来自 Google 文档编辑器。然而，作为AlfonsoML下文指出，Google 文档在其编辑器中未使用 contenteditable。解释了他们的技术 here .

最佳答案

我怀疑它处于当前状态有几个具体原因:

1.) 定义它的 HTML5 标准没有定义它应该输出什么，让每个实现自己决定。

2.) 编辑器不知道你想要准确的表示还是语义的表示。这些通常是权衡取舍。

3.) 看起来 Mozilla 将其旧的 Netscape Mail/Composer 代码拖到其 designMode 实现中，然后将其拖到 contentEditable 中。它仍然使用与 10 年前相同的虚线轮廓和红色小 handle ，我怀疑其中有大量遗留代码。

4.) 看起来 Internet Explorer 做的几乎一样，而 IE 从一开始就没有做任何正确的事情。它仍然以怪癖和“兼容”模式的形式拖着它的遗产。

5.) 它实际上仅用于 CMS 系统和论坛/评论框，并且通常这些系统对实现进行了相当繁重的包装。我没有在其他地方看到太多用法，尤其是“基本”用法。

6.) 成功的在线文字处理器很少，所见即所得或页面布局应用程序更少。创建准确的编辑器的压力并不存在。更糟糕的是，Microsoft 销售的离线软件(如 Word 和 Expressions)肯定会受到在线编辑器(尤其是高质量的免费编辑器)增长的损害。

7.) Microsoft 拥有创建工具的传统，这些工具会生成无效和臃肿的 HTML 代码，这些代码今天仍然存在于 Outlook 2010 和 Office 套件中。

8.) 有时，相同的选择和编辑命令可能适用于占据相同空间的多个可能对象，而编辑器永远无法真正知道您要更改哪个。此外，编辑命令可能会导致元素以未定义或意外的方式拆分(同样，它不会知道您更喜欢哪个)。

我认为 contentEditable 永远不会像剪切您自己的 HTML 或使用专用工具一样好。我只专注于对结果运行一些基本的 cruft/修复工具(如 HTMLTidy)，然后就此结束。

关于javascript - 满足的状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3375087/

javascript满足fontcodestylehtmlcsswysiwygcontenteditable

有关javascript - 满足的状态的更多相关文章

  1. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

    我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

  2. ruby-on-rails - 跳过状态机方法的所有验证 - 2

    当我的预订模型通过rake任务在状态机上转换时，我试图找出如何跳过对ActiveRecord对象的特定实例的验证。我想在reservation.close时跳过所有验证!叫做。希望调用reservation.close!(:validate=>false)之类的东西。仅供引用，我们正在使用https://github.com/pluginaweek/state_machine用于状态机。这是我的预订模型的示例。classReservation["requested","negotiating","approved"])}state_machine:initial=>'requested

  3. ruby - 字符串文字中的转义状态作为 `String#tr` 的参数 - 2

    对于作为String#tr参数的单引号字符串文字中反斜杠的转义状态，我觉得有些神秘。你能解释一下下面三个例子之间的对比吗？我特别不明白第二个。为了避免复杂化，我在这里使用了'd'，在双引号中转义时不会改变含义("\d"="d")。'\\'.tr('\\','x')#=>"x"'\\'.tr('\\d','x')#=>"\\"'\\'.tr('\\\d','x')#=>"x" 最佳答案 在tr中转义tr的第一个参数非常类似于正则表达式中的括号字符分组。您可以在表达式的开头使用^来否定匹配(替换任何不匹配的内容)并使用例如a-f来匹配一

  4. ruby - Net::HTTP 获取源代码和状态 - 2

    我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态，而无需发出第二个请求。有没有办法用另一种方法做到这一点？我一直在查看文档，但似乎找不到我要找的东西。 最佳答案 在我看来，除非您需要一些真正的低级访问或控制，否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur

  5. ruby-on-rails - 为模型创建状态属性 - 2

    我想为我的Task模型创建一个status属性，该属性将按以下顺序指示它在三部分进度中的位置:打开=>进行中=>完成。它的工作方式类似于亚马逊包裹的交付方式:已订购=>已发货=>已交付。我想知道设置此属性的最佳方法是什么。我可能是错的，但创建三个独立的bool属性似乎有点多余。实现此目标的最佳方法是什么？ 最佳答案 Rails4有一个内置的enummacro.它使用单个整数列并映射到键列表。classOrderenumstatus:[:ordered,:shipped,:delivered]end状态映射如下:{ordered:0,

  6. ruby - 是否可以在不实际发送或读取数据的情况下查明 ruby​​ 套接字是否处于 ESTABLISHED 或 CLOSE_WAIT 状态？ - 2

    s=Socket.new(Socket::AF_INET,Socket::SOCK_STREAM,0)s.connect(Socket.pack_sockaddr_in('port','hostname'))ssl=OpenSSL::SSL::SSLSocket.new(s,sslcert)ssl.connect从这里开始，如果ssl连接和底层套接字仍然是ESTABLISHED，或者它是否在默认值7200之后进入CLOSE_WAIT，我想检查一个线程几秒钟甚至更糟的是在实际上不需要.write()或.read()的情况下关闭。是用select()、IO.select()还是其他方法完成

  7. 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发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  8. ruby - 在 ruby​​ 中生成一个进程，捕获 stdout，stderr，获取退出状态 - 2

    我想从ruby​​rake脚本运行一个可执行文件，比如foo.exe我希望将foo.exe的STDOUT和STDERR输出直接写入我正在运行rake任务的控制台.当进程完成时，我想将退出代码捕获到一个变量中。我如何实现这一目标？我一直在玩backticks、process.spawn、system但我无法获得我想要的所有行为，只有部分更新:我在Windows上，在标准命令提示符下，而不是cygwin 最佳答案 system获取您想要的STDOUT行为。它还返回true作为零退出代码，这可能很有用。$?填充了有关最后一次system调

  9. ruby - 如果满足给定条件，则结束 ruby​​ 程序 - 2

    基本上，我只是试图在满足特定条件时停止程序运行其余行。unlessraw_information.firstputs"Noresultswerereturnedforthatquery"breakend然而，在程序运行之前我得到了这个错误:Invalidbreakcompileerror(SyntaxError)执行此操作的正确方法是什么？ 最佳答案 abort("Noresultswerereturnedforthatquery")unlesscondition或unlessconditionabort("Noresultswer

  10. ruby-on-rails - 状态机、模型验证和 RSpec - 2

    这是我当前的类定义和规范:classEvent:not_starteddoevent:game_starteddotransition:not_started=>:in_progressendevent:game_endeddotransition:in_progress=>:finalendevent:game_postponeddotransition[:not_started,:in_progress]=>:postponedendstate:not_started,:in_progress,:postponeddovalidate:end_time_before_finalen

随机推荐