#26362020年3月11日作者 mcottret2 个回答
又见面了:) 我们团队最近开始定制编辑器并移除网页预设,可能发现了一些与预览模式相关的bug: 使用内置预览模式搭配自定义面板时,进入预览模式时自定义面板不会被隐藏。 如果我们查看[source](https://github.com/artf/grapesjs/blob/dev/src/commands/view/Preview.js#L6),预览命令使用了“editor”。Panels.getPanelsEl' 函数用于检索隐藏面板,这对应于包含内置面板的“内部”面板元素。 一种建议的解决方案是循环浏览面板集合(通过“editor.”检索)。Panels.getPanels')并切换它们的“可见”属性。你怎么看? 我很乐意开个...
artf
一种建议的解决方案是循环浏览面板集合(通过编辑器检索)。Panels.getPanels)并切换其可见属性。你怎么看? 是的,完全说得通。请继续PR,非常感谢
#26352020年3月10日作者 micker3 个回答
你好,我查了很多资料,但没找到如何在编辑器里加载CSS文件的方法 我的代码 关于其他问题,我也要补充 斯泰尔斯:[\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] 没有真正的错误,但也没有风格...... 我忘了什么? '功能fclayoutinitbuilder(editorsfx, elementid) { /*比如说,你从已经定义好的HTML模板开始你想为用户实时导入 / var LandingPage = { html: \'<h2>这是布局区域,你可以拖拽这里添加你的方块,要加载flexicontent字段,请使用数据面板插入fl...
pouyamiralayi
@micker你必须这样包含它们: 我在你的设置里没看到“canvas”这个对象。 干杯!
pouyamiralayi
@micker如果你的“customCss”是URL的话,那就是包含它的方式。但如果你有一些风格想手工添加,步骤如下: 干杯!
micker
我尽量用 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 但我对此不确定...... 如果我像这样加画布 '''var editor = grapesjs.init({ 画布:{ 脚本:空, styles: [customeCss] //有办法做到吗? } avoidInlineStyle: false, dragMode: \'absolute\', 请指示编辑器的初始化位置。...
#26322020年3月9日作者 micker3 个回答
你好,我正在尝试绝对模式!它真的很棒,但为了完整体验这个设计师模式,你打算通过拖放方式添加Rezize模块吗? 此致敬礼
pouyamiralayi
@micker你必须在你的[组件类型定义](https://grapesjs.com/docs/modules/Components.html#component-definition)中指定“resizable:true”。 干杯!
pouyamiralayi
@micker如果你想用方块,就得这样做:
#26312020年3月9日作者 HansSchouten2 个回答
我正在尝试更新样式和TraitManager的textNoElement,但似乎没有效果。 结果请见此处: https://jsfiddle.net/zrobkL80/5/ 另外,默认的StyleManager扇区会消失,有什么建议我做错了吗? 我使用的是最新的GrapesJS版本(0.15.10)。
artf
这些选项已经移除了,你必须使用[i18n模块](https://grapesjs.com/docs/modules/I18n.html)
HansSchouten
好的,谢谢,我会去了解一下。
#26302020年3月9日作者 micker3 个回答
你好 能不能加一个按钮来切换设计师模式?绝对的 / 翻译? 此致敬礼
pouyamiralayi
@micker你需要一个[命令](https://grapesjs.com/docs/modules/Commands.html#basic-configuration)来执行:“editor.setDragMode('absolute')”。关于面板和按钮,你可以参考[入门](https://grapesjs.com/docs/getting-started.html#panels-buttons)指南。 干杯!
micker
好吧,也许切换模式可以在基础配电盘里?
micker
你好,谢谢 你觉得能不能把Twice模式混合成更多?是不是太早了? 因为我测试时可以把文本放进列里,比如......最好用绝对位置在列里,把Yexy块放进去,这样可以像群组一样移动列
#26292020年3月9日作者 vitor-peixoto1 个回答
是否有可能从某个库中创建一个或获取一个 React 组件,然后插入为允许的组件来创建模板?
pouyamiralayi
这里@TRUEND一个[示例](https://github.com/beepsoft/grapesjs-react-component-example) 干杯!
#26282020年3月8日作者 abzal03 个回答
你好@artf非常感谢你带来的精彩项目, 我创建了一个新类型,它类似于普通链接,但链接标题会随着 ajax 更新。然后更新特质“linktitle”。它和画布的数值会更新,但“设置”中的特性仍然显示初始值,且没有变化。 必须更新该值的代码部分: 编辑。DomComponents.addType('newLink', { 型号:{ 默认值:{ 组成要素: [ { 值得突出:确实, 可编辑:正确, 可选择:真 }], 特质:[ { 类型:“文本”, 标签:“URL”, 名称:“URL”, 值:“https://”, 变革提案:0 }, { 类型:“文本”, 标签:“标题”, 名称:“Linktitle”, 值:“链接标题”,//此项必...
pouyamiralayi
@abzal0好!虽然道具方法应该没问题,但我不明白为什么不行,或者我漏掉了什么!如果我们想使用属性,必须使用 'addAttributes' 来更改属性,以下是该过程的一个工作示例: 干杯!
abzal0
@pouyamiralayi非常感谢你的时间,这个问题解决了: ' this.model.addAttributes({'linkTitle':oldValue + ' Changed!'}) ` 你省了这么多时间,再次感谢:)
abzal0
editor.getSelected().getTrait('linktitle').set('value','CCC'); 也行不通
#26272020年3月8日作者 GoodPHP3 个回答
你好, 我们想推广GrapesJS的新设计。 我们的工作:https://github.com/GoodPHP/GrapesJS-devfuture 你有任何问题都可以写信给我们:[email protected] 请在下方写下你的看法。你喜欢吗?
GoodPHP
你>用CMS实现过动态数据层吗? 我实现了页面构建器网站,比如: https://wix.com/ https://www.websitebuilder.com/ https://www.squarespace.com/ 用户可以购买域名、连接现有域名、创建网站、发布本网站等 我对GrapesJS有很多基础准备。
pouyamiralayi
如下所示: <img width=“349” alt=“Desktop 2017-03-14 at 6 06 23 PM” src=“https://user-images.githubusercontent.com/53266765/76199255-c7d15f00-6204-11ea-8c9b-52a4ea1f2dc1.png”> <img width=“351” alt=“Desktop 2017-03-14 下午5点10分46分” src=“https://use...
pouyamiralayi
@GoodPHP干得好!你有计划将GrapesJs与CMS集成吗?
#26262020年3月6日作者 ikenderham3 个回答
你好,我在考虑做一个函数,当按下按钮时,在画布中移动组件上下移动。这可能吗?有人能教我怎么做吗?也许这个未来一直都在?
artf
你可以用类似的方法来移动组件 “''js const moveUp = component => { const comp = component ||editor.getSelected(); const parent = comp.parent(); const index = comp.index(); 如果(索引> 0) { comp.remove(); parent.append(comp, { at: index - 1 }); } } const moveDo...
ikenderham
你好 谢谢你的回答......但我该如何把按钮添加到组件工具栏?我试过issues/266上的示例,但这里不行。我能否决另一个文件中的工具栏,这样我就不用更改核心文件了?
ikenderham
我找到了怎么做。你给我的代码对我来说不起作用。 我试着用命令添加它,但无法将组件上下移动。 举个例子:如果我有一行里面有内容,那么我需要把容器往上移到另一个容器上。 希望你能理解我
#26252020年3月5日作者 DRoet1 个回答
你好,@artf, 在插件内部调用 grapesjs 方法的推荐方法是什么? 'grapesjs-mjml' 插件使用 'this.'MethodName()' (https://github.com/artf/grapesjs-mjml/blob/7a9712ce7a401079f31932a7fe2c342657e85efa/src/components/index.js#L248) 但当插件在生产捆绑包中被压缩时,插件就无法工作了,因为没有直接继承“葡萄”。 有没有办法直接调用“编辑器”对象中的函数/变量?因为这是唯一直接传递给插件的变量。例如,'this.methodName()' 会变成 'editor.View.met...
artf
你可能需要类似的东西 “''js const 视图 = 编辑器。DomComponents.getType('default').view; View.prototype.renderAttributes.apply(this); ``` 无论如何,Minifer 做这么不安全的取出真的很奇怪。我用过类似的设备[这里](https://github.com/artf/grapesjs/blob/104f5218f4dd0f1f2b14596cee7d5100f6b32ff5...