问题标签 [wysiwyg]

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 投票
13 回答
598 浏览

c# - 我为所见即所得工具设计 ASP.NET 组件是在浪费时间吗

几天前,我读到一个问题,询问有多少开发人员手工编写 HTML/XHTML 代码而不是依赖所见即所得工具 - https://stackoverflow.com/questions/406052/do-most-web-programmers-not-designers -使用所见即所得的编辑器或手工编码他们

我倾向于设计用于我的代码的 ASP.NET 服务器控件而不是用户控件。我这样做是为了可以通过拖放到 WYSIWYG 中来重用它们,并且只需设置一些相关的属性。这在设计组件时确实会花费一些额外的时间,但是当我在更大的应用程序中使用它们时会大大简化事情。

在阅读了大多数开发人员似乎是手工编写代码而不是使用 WYSIWYG 之后,这让我想知道:我这样开发组件是在浪费时间吗?

编辑:澄清一下-主要是,最初的意图是这些控件是供我自己使用的。但是,在很多情况下,它们可能对我的团队其他成员有用,或者可能用于公开发布。然而,像大多数事情一样,我倾向于看到相对较少的额外工作提供了巨大的潜在额外价值,而不管额外价值实现的可能性如何。

0 投票
1 回答
4010 浏览

fonts - TinyMCE 配置允许字体标签

根据客户要求配置 TinyMCE 以允许使用标签。
我的配置如下(从 TinyMCE 示例中获取;对不起,
我不想遗漏任何内容:

所以编辑器 UI 似乎工作正常,但是当我使用查看 html 按钮或将其保存回服务器时,看起来字体仍然被剥离。有任何想法吗?

0 投票
4 回答
1455 浏览

jquery - 可编辑的 div 元素

是否可以有一个只能包含文本和图像的可编辑 div 元素。我知道您可以使用 TinyMCE 和 jWYSIWYG 等丰富的控件,但是我不需要所有这些功能并且想要一些轻量级的东西。

基本上我想要的只是一个纯文本可编辑元素,我还可以在其中添加各种图像,例如在使用 IE 或 Firefox 时无法调整大小的表情符号。我使用 jQuery 作为框架,所以任何使用它都会很棒。

更新: 是否可以阻止图像的单击事件以使调整大小处理程序不出现?

相关问题 Firefox - designMode:禁用图像大小调整句柄

0 投票
2 回答
1259 浏览

javascript - 是否有任何不会弄乱代码的所见即所得 HTML 编辑器?

我尝试了各种编辑器,包括桌面应用程序和基于 Web 的 RTE,但没有找到任何效果很好的东西。他们经常弄乱代码,添加“标签汤”。即使是那些声称只生成有效代码的代码,也经常会产生一堆乱七八糟的跨度标签和样式属性。

以下是我正在寻找的一些功能:

  • 主要用作“内容创建”,而不是创建整个页面或网站(我通常手动进行设计)
  • 支持所有 HTML 标签(包括<small><code><kbd><dl>
  • 可以将类附加到当前元素 - 许多编辑器会插入 span 标签,从而导致混乱,例如:<p><span style="...">...</span></p>
  • 不会更改我添加的代码(我让编辑器删除了隐藏的输入字段和其他内容)
  • 不添加不推荐使用的属性,例如边框和单元格填充通常会添加到图像和表格上。
  • 如果它可以选择我用于页面的样式表并明显应用我选择的样式,我会喜欢它
  • 如果它是桌面应用程序,基于 Linux 将是一大优势

有人有什么建议吗?以下是我尝试过的一些:TinyMCE、FCKeditor 和网络上的其他各种;桌面上的 Dreamweaver(简要)、Expression Web 和 KompoZer。

0 投票
3 回答
1843 浏览

jquery - 使用 JQuery 的智能引号

使用 jQuery,如何在编辑文本框时启用智能引号的实时插入?

0 投票
2 回答
638 浏览

php - WYSIWYG textarea 组件安全性

真的,我的问题更多地与通过 WYSIWYG 表单组件接受的 html 的服务器端清理有关。现在我倾向于使用 htmlpurifier.org 的库。我在其他地方使用 php strip_tags() 函数。有人有建议/偏好/建议吗?

0 投票
1 回答
78 浏览

wysiwyg - 我应该为我的 WebApp 中的注释使用哪种标记?

我正在构建一个 web 应用程序,它将在所有地方都有注释字段,但我不知道我应该使用什么样的标记。

这些是我的要求

  • 用户必须能够更改文本样式(粗体、斜体、下划线)
  • 用户必须能够创建项目符号列表
  • 用户必须能够创建编号列表
  • 用户必须能够更改字体大小或使用预定义的标题
  • 用户必须能够添加链接
  • 用户必须有一个所见即所得 - 隐藏实际标记的编辑器

最后一个是最重要的要求,我的目标用户即使在使用单词时也会遇到困难,因此不能在 stackoverflow 上使用像这里这样的标记样式输入。

那么你知道什么样的标记适合 ans 有一些花哨的所见即所得 - 编辑器?如果您认为我错过了一个重要要求,请随时提出建议。

蒂亚

0 投票
2 回答
736 浏览

wysiwyg - 在动态网站上使用 MarkDown?

是否存在任何在 Markdown 中本地工作的WYSIWYG编辑器?(任何平台/语言) ...因此消费者不必查看背后的代码,只需在类似 MS-Word 的界面中工作。

一个辅助MarkDown 编辑器,您可以在其中查看和编辑 Markdown 源(就像我正在写这个问题的那个)也可以。

0 投票
6 回答
2162 浏览

javascript - 在线文本编辑器如何工作?

我正在尝试开发一个在线编辑器(如 FCKEditor/etc),但我不知道它们是如何工作的。我知道所见即所得的有 Javascript 和 IFrame,但它们实际上是如何工作的?

我对实时预览输入编辑器的内容特别好奇。

0 投票
1 回答
6561 浏览

javascript - IE 的 styleWithCSS

我正在构建一个自定义 RTE,将用户输入转换为自制标记,现在我是白痴,我使用带有 designMode = "On" 的 iframe 完成此操作,并使用 styleWithCSS = false 让它在 Firefox 中工作,这样我就可以轻松转换将<b>(是... b :( ) 放入我的标记中,然后输出正确的代码,而不是我必须从<span style="...现在开始阅读我的问题是,我似乎无法找到看起来或行为类似于 styleWithCSS = false 的东西,用于 IE、Chrome或 Opera,欢迎提出任何建议。