Definition of ExecCommand function for bold?

谁都会走 提交于 2019-12-30 05:16:12

问题


ExecCommand offers a way to bold text inside iFrame, make it italic, underline it etc.

But it's missing an option to create <cite> or <strong> or <em> (there is formatBlock but only for block elements and not inline ones).

I'd like to use ExecCommand function for creating <cite> - is there any way to achieve this? And obviously I want to maintain flawless parsing like in case of bold and not something like surroundContents which will fail when you use it twice on the same selection.

I'm looking for a definition of ExecCommand bold command or a way to use existing commants to flawlessly add <cite>. Any suggestions? I couldn't extract it from browser's functions. It says "native code" when I try to do that.


回答1:


I see that CKEditor was mentioned in one of previous comments :) So this is how we handle executing commands:

  • We do everything manually. As you can see DOM API isn't sufficient and implementations differ between browsers, so I guess (but I haven't checked this) that HTML containing some text with applied styles in one browser won't work in other (because one browser applied strong and second b or span with inline style).
  • First of all we need custom Range and Selection implementations. You can't use them, but there's a cool Rangy lib.
  • Next component that you need is set of methods for applying, removing and checking styles. Here's our impl.
  • And the last component is trivial - custom commands, because it's convenient to mimic W3C's APIs and ideas.



回答2:


I researched this problem a year ago and could not found any solution except using regex instead EC on nested tags. I developted my text editor without using ExecCommand.



来源:https://stackoverflow.com/questions/12158503/definition-of-execcommand-function-for-bold

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!