问题标签 [wysiwym]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
155 浏览

javascript - 我们如何突出显示文本并应用颜色,制作所选部分的超链接

我想选择一堆文本(选择取决于用户),它将是纯文本。由于用户将选择文本范围,我需要突出显示它,并应用一些颜色来表示。如果可能,我需要将它们设置为超链接,以便它们可以导航到文本中所有突出显示的区域。

快速棕色狐狸跳过懒狗,快速棕色狐狸跳过懒狗 快速棕色狐狸跳过懒狗 快速棕色狐狸跳过懒狗,快速棕色狐狸跳过懒狗,快速棕狐跳过懒狗,敏捷的棕狐跳过懒狗

用户可以选择任何文本范围,根据我需要突出显示的选择。

  1. 任何带有演示或文档的jQuery库来实现它?
  2. 我们可以为此使用 WMD 编辑器吗?这将符合我们的要求,但我不知道 wmd-editor 是否具有支持它的功能。或者任何具有实时预览和突出显示文本的编辑器。

当我搜索 jQuery 库时,我找不到适合我需要的库。

0 投票
1 回答
564 浏览

xml - 构建基于 Web 的 WYSIWYM XML 编辑器的技术

对于我们的一个产品,我们有一个语法相当复杂的 XML 模式,为此我们需要一个能够基于该模式构建基本文档的“基本”图形编辑器(复杂的东西总是可以在程序员模式下完成)。

WYSIWYG 或多或少不可能/浪费时间去做有意义的事情,所以我正在研究 WYSIWYM 解决方案。

由于该应用程序一开始是基于 Web 的,因此如果编辑器也可以是基于 Web 的,那就太好了。

我已经玩过很多次 jaxe和我们的模式,这几乎就是我正在寻找的东西。然而,配置工具并没有让我们对文档的呈现方式有足够的控制——我能想出的解决方案给我们留下了一个 XML 编辑器,而不是一个“文档编辑器”,“你知道。想要更接近 WinForms 编辑器(如 Visual Studio)的东西。

对于理想的编辑器应该是什么样子,我们有一个相当明确的愿景,而且(我认为)jaxe 不允许我们构建它。那,它不是基于网络的(没有小程序)。

Wymeditor编辑器看起来像是为 XHTML 制作的相当可靠的工具,其风格与我们想要的相似,但我怀疑他们是自己从头开始构建的——也不太热衷于此。

我想我的问题是,是否有人对当前的技术或方法提出建议,以帮助我们构建我(可能很糟糕)描述的编辑器?

0 投票
8 回答
10259 浏览

javascript - Markdown 将双星号转换为 javascript 中的粗体文本

我正在尝试像 Stackoverflow 一样制作自己的可降价文本区域。目标是允许人们输入**blah blah**textarea 并在 div be 中输出<span style="font-weight:bold;">blah blah</span>

我在使用 javascript 查找并用 HTML 替换为**星号时遇到问题。

这是一个让派对开始的jsfiddle:http: //jsfiddle.net/trpeters1/2LAL4/14/

这是上面的 JS,只是为了向您展示我在哪里:

和HTML...

任何想法将不胜感激!

谢谢,蒂姆

0 投票
1 回答
91 浏览

jquery - WymEditor 静态内容多次加载

我正在使用 django 表单,并在页面中加载所见即所得编辑器。问题是每个表单都有 4 个所见即所得编辑器的实例,而页面平均可以有 10-30 个这样的表单。

我加载所见即所得的方式如下:对于所有类 wym 的输入,添加 wymeditor。

这种方法会导致在同一页面上重新加载与所见即所得编辑器相关的所有静态内容 40-100 次,从而导致疯狂的加载时间。

什么可能是实现这一点的好方法,而无需多次加载 css、图像和 iframe?在文档加载后我绝对可以做同样的事情,但我主要是在寻找一个最佳实践解决方案,如果可能的话,将负载合并到一次。

0 投票
2 回答
647 浏览

javascript - keydown 上的普通字符和半字符的区别

我们分叉了实验性的 Mediawiki VisualEditor。这个 WYSIWYM 编辑器使用隐藏的文本区域和 DOM 中的内容表示。当您聚焦视图时,焦点被赋予 textarea,视图监听 keydown 事件以将每个键入的字符添加到内容中,然后清空 textarea 的值。

仅在 Mac OS X 上出现半字符问题。如果您键入 ^ 或 ¨ 或任何需要打印第二个字符的字符,则会触发 keydown 事件。因此,当用户想要一个“ê”时,他输入“^”。查看获取 textarea 值('^')并清理 textarea 值。然后,用户键入“e”。视图显示“^e”。作为奖励,在 Chrome 上(在这种情况下 Firefox 更好),用户将永远无法在不重新加载窗口的情况下在任何输入中键入当前页面上的任何重音符号。

有什么办法可以区分真人和半人吗?

0 投票
3 回答
130 浏览

javascript - 是否可以使用 Web 开发工具并创建一个实际工作的 WYSIWYM 数学编辑器,例如 MathType 等桌面应用程序?

在我开始尝试制作这个东西之前,我想知道是否可以,在以下情况下:

  • 编写数学脚本的代码必须能够被获取、提交并存储在数据库中
  • 看起来完全相同的两段数学的代码必须具有完全相同的代码
  • 根据要求,无论用户在何处单击鼠标,插入符号都必须移动到该特定元素或数学部分

那么,有可能吗?我期待使用 HTML、JavaScript、jQuery 甚至 Flash 等技术作为最后的手段。

0 投票
1 回答
218 浏览

tabs - 处理 Tab 键的富编辑器

有没有真正处理选项卡输入键的网络编辑器?通过实际句柄,我的意思是它不会插入 4 个空格,或者只是忽略它。

我需要它在其中键入源代码,因此 tab 键必须表现良好。我还需要添加基本功能,例如粗体和斜体。我已经尝试过所有大的(TinyMCE、CKEditor、YUI Rich Editor 等),但它们似乎都不能正确处理选项卡。我认为这是浏览器问题...

谢谢你。

0 投票
1 回答
1506 浏览

python - 使用python处理markdown服务器端并在客户端渲染

在 MD 编辑器的帮助下,我们以 SO 形式编写问题的方式。我想知道数据是什么以及如何进入服务器以及以何种方式保存然后呈现。我正在输入的文本的生命周期。

我在这里输入文本,在降价。它是如何提交到服务器的,我的意思是如何处理格式,一旦它们被保存,它们是如何呈现给客户端的。你如何在python中做到这一点?什么是最佳实践。

0 投票
0 回答
201 浏览

jquery - rails 3 + jquery + markdown editor = 没有方法

我对 Rails 有点陌生,对 jquery 也很陌生。我正在尝试让 Markdown 编辑器的工作方式与我现在正在编写的类似。rails 应用程序还使用 twitter-bootstrap 和 social-share。

我目前正在测试jquery-wysiwym但收到以下错误:

我的页面有以下内容:

这在页面的底部:

任何帮助表示赞赏,因为我有点卡住了。

0 投票
2 回答
4891 浏览

markdown - Markdown 所见即所得编辑器和预览在同一个文本区域

我搜索了一个编辑器来编写 Markdown 语法并在同一个文本区域中预览,例如用于 html的Bootstrap WYSIHTML5 。

在此处输入图像描述

我不喜欢额外的预览。附加元素中的预览有很多脚本,我可以在网上找到。但对我来说很重要的是,edit 元素也是 view 元素,用 markdown 编写和查看。也许hallo.js很棒,但我认为它不适用于 textarea 元素。也很好,我可以使用一个小解决方案,而不是为了一小部分按钮和功能而过大。textarea 对我来说也很重要,为什么用户会用 php 中的发送帖子保存,也不需要 Javascript。目标是一个简单的笔记,写markdown,或者使用按钮来格式化,并且只看到格式化的内容以便于阅读。

提示:我已阅读问题 #1问题 #2,但只有 CK Editor 和 Aloha 是解决方案。两个不错的项目,但对于我的小要求来说非常大。

非常感谢您的时间。