PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #407💬 已回答提出于 2017年10月11日作者 ateshuseyin0 个反应

定义新的标记语言

快速解答作者 gasserol

你看到这个项目作者为 mjml 做了一个预设吗?也许对你有帮助?https://github.com/artf/grapesjs-mjml

阅读下方完整回答 ↓

问题

你好,@artf, 我想定义一种新的标记语言,比如mjml,让设计更简单、更易读。我从“标签”作为<error>有色人种开始。请在下方写代码; 模型: 'import 组件来自 'grapesjs/src/domcomponents/model/Component'; const ComponentError = Component.extend({ 默认值:{ 类型:“错误”, 标签名称:'error', ...Component.prototype.defaults }, }, { /*检测传递的元素是否为有效组件。如果元素有效,则抽象对象元素将被归还@param {HTMLElement}@return {对象}@private / isComponent(el) { var 结果 = ''; 如果 (el.tagName == 'ERROR') { 结果 = {类型:“错误”}; } 返回结果; }, }); 导出默认组件错误;' 查看: 'import ComponentView from 'grapesjs/src/domcomponents/view/ComponentView'; const ComponentErrorView = ComponentView.extend({ 标签名称:“div”, getChildrenSelector() { 返回 '[da...

回答(3)

ateshuseyin• 2017年10月11日

谢谢@gasserol。我看到了,但找不到问题所在。

ateshuseyin• 2017年10月11日

现在在 drop :)但仍然无法从元素中解析。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。