问题标签 [visual-editor]

我正在寻找一个 javascript 库或自定义解决方案，我可以在其中自由拖放组件并维护它们之间的关系（例如哪个节点连接到什么节点并在任何我想要的地方自由移动节点）

通过保持关系，我的意思是不同的组件应该保持它们的互连流程（如流程图）。绘制它们后，我需要获取它们关系的 JSON 数据。

下面是我正在谈论的内容的示例一瞥

在上图中，您可以看到我有不同的节点相互连接。如何通过库或自定义解决方案实现这些目标？

上图来自strom-react-diagrmas反应库。我已经尝试过了，但它使用 SVG 并且缺少很多我想要的自定义。

我也尝试过rete.js但无法根据我的需要自定义它（自定义形状等）。

我也在考虑从头开始构建解决方案，我面临的唯一问题是如何在画布上加入两个或多个 div 以保持其关系？

注意我为什么要这样做？

1. 我这样做的目标是创建一个可视化编辑器，非技术人员可以在其中设计流程，然后我想导出 JSON 以将其相应地存储在我的数据库中。
2. 当我再次加载此流的画布时，我应该能够根据我将拥有的 JSON 数据再次呈现互连流以及连接的节点。

如果您遇到这种情况，您能给我一些建议吗？非常感谢你们的任何帮助。

我正在开发一个插件，通过 WPBakery 在后端为管理菜单创建页面。但是当我查看生成的页面时，只有简码。如何使插件短代码在后端执行。

我试过使用echo do_shortcode( '$content' )，但它不起作用。我可能应该使用插件类，但不知道如何。

我想为管理菜单创建一个带有页面构建器的页面，并执行所有创建行列消息框等的简码。

任何帮助，将不胜感激。

编辑3：我想这已经解决了。我刚刚启用了 Gutenberg 编辑器并发现了它的“经典编辑器”部分，即代码编辑器。我唯一需要习惯的是编辑器的行高，我不能轻易修改，这还不错。这对我有用，它比修改functions.php或其他类似的复杂事情（对我来说）更重要。谢谢你。

[免责声明：我不是任何类型的开发人员，但愿意花时间。（可以做一点 CSS。）另外，这个论坛的新手。]

我正在使用 Anders Norén 的海明威主题。

我还没有尝试创建子主题，我不确定是否需要一个解决方案。

简而言之，我的目标是让整个“编辑帖子”网页看起来像一个离线文字处理器：

1. 使可视化编辑器占据整个屏幕。（我使用经典编辑器。）（完成：折叠左侧的垂直菜单，选择 1 列布局，并禁用“全高编辑器和无干扰功能。”）
2. 设置文本的宽度（因为当前文本几乎是从屏幕边缘到屏幕边缘）
3. 将文本放在中心（但“左对齐”，而不是“对齐”）。这是用于帖子编辑器中的“左右边距”。

#2 和 #3 我该怎么做？

谢谢你。

编辑：澄清一下：我希望改变可视化编辑器的外观——只有可视化编辑器，而不是实时网站将显示的任何输出。

编辑2：

我可以复制 Balázs Varga 展示的内容，但是（我很抱歉我应该早点说过）在我将代码保存在“附加 CSS”上之后它就不起作用了。（在清除所有缓存之后。）我使用了 id #tinymce。

我的浏览器（Firefox 开发人员）在我摆弄 Inspector 时实时显示更改，但在我保存额外的 CSS 之后不会。我认为这很奇怪，而且我认为我可以很好地处理 CSS：我网站上的主题 Hemingway 看起来不再像原来的 Hemingway，但所有更改都是通过 Additional CSS 进行的。

在 Google 上的搜索显示我可能需要编辑“functions.php”（？），但我现在不知道它是如何工作的，我认为 2019 年可能会有另一种方式。我避免编辑“复杂”的东西像那样（对我来说），除非 Wordpress 让我很难破坏事物，例如“附加 CSS”。

在 Inspector 上，我可以通过以下方式解决它：

我想知道为什么这不是可视化编辑器的“功能”。会非常好。它可以消除对文字处理器或第三方编辑器的需求（至少对于像我这样的“纯文字”作家而言）。

每当我在我的 mediawiki 网站上单击“编辑”时，总是会显示该错误，并且我无法继续使用可视化编辑器，我怀疑我的路径在某些 URL 中是错误的。这是我在 LocalSettings.php 中的 parsoid 配置

这是我的 config.yaml

在 FreeBSD 11 上全新安装 MediaWiki（实际上是 FreeNAS 11.2 监狱）。

我正在尝试让 VisualEditor 正常工作，这意味着需要 Parsoid 和 RESTbase。Parsoid 工作正常。RESTbase 没有。

使用 MediaWiki 1.32 包和节点 11。

尽可能按照https://www.mediawiki.org/wiki/Extension:VisualEditor#Linking_with_Parsoid的安装指南进行操作。

首次使用 VisualEditor 运行会得到以下结果（出于隐私考虑，将域替换为“fake.example.net”）：

使用 curl 会导致类似的错误。我已经尝试过 RESTBase 1.0.0 和当前的 git clone。无法正常工作，并且错误消息对我来说完全是希腊语。通过检查来源，我无法理解这个问题。

我在内部 MediaWiki 中设置 VisualEditor 时遇到问题。我安装了 Parsoid 以在 localhost:8000 上查看。

我可以在 wiki 站点中看到编辑和编辑源，但是当我尝试编辑时，我收到此错误“internal_api_error_InvalidArgumentException”。

我找不到有关此错误的任何信息，也不知道如何调试它。

我有一个基于 Wordpress 和 Woocommerce 的网站

• 主站点：domain.com
• 登台站点：staging.domain.com

环境： - 在 docker 上运行的源代码：WordPress：4.9.7-php7.2-apache - Mysql：5.6.39

我使用主题 Flatsome，几天前，我升级了 Woocommerce，一切正常，但只有 Visual Editor 是空白的。

我将数据库从实时站点克隆到暂存站点并回滚代码，将主题更改为“二十六”，但可视化编辑器现在仍然是空的。

Mysql 是一样的，Webserver 是一样的，因为它运行在 docker 上。但是可视化编辑器不起作用

请帮忙！

我正在为一个 mediawiki 站点配置可视化编辑器。我已经确认 Parsoid 正在http://localhost:8000/上运行，但我仍然收到一个错误：从服务器加载数据时出错：apierror-visualeditor-docserver-http:HTTP 500。我不确定我在哪里出错了。

我有一个带有子页面的页面，它看起来像这样（只是一个例子，不是我的真实数据）：

默认情况下，iPhone 页面的标题是page/apple/iPhone. 使用代码编辑器和显示标题扩展，我可以更改页面名称{{DISPLAYTITLE:iPhone}}。有没有办法用可视化编辑器来改变它，以便我的贡献者更容易？

谢谢你的帮助 ！

我正在寻找可用于 Meteor javascript 项目的强大的 HTML 可视化编辑器解决方案。付费或免费/开源，它不是依赖，而是“容易”实现、稳定、安全、拆分为设计模块等。

我正在寻找可视化编辑器，比如 Elementor https://elementor.com/（不仅是简单的所见即所得编辑器，如 CKEditor、TinyMCE 等），而且可以实现到拥有流星应用程序。

...特别是，我更喜欢，如果您对自己的 JavaScript 应用程序实施的具体可视化编辑器解决方案有自己的开发人员/设计师积极经验。

...理想情况下，如果编辑器在 npm 上可用。

非常感谢每个答案、想法或经验。