#14662018年9月27日作者 sfkazmi3 个回答
我正在做一个项目,集成了 grapesJs 让用户构建模板,保存到数据库中,并编辑这些已保存的模板。 我最近添加了滑块插件,现在用户可以创建模板,但编辑时会引发JavaScript问题, 我用 editor.setComponents 编辑用户模板,并在 editor.setComponent('<saved html>')和 editor.setStyle('<saved style>')中添加已保存的 html, 现在,当保存的HTML中有某种JavaScript,比如滑块JavaScript,并且当JavaScript出现撇号(')时,它会破坏脚本并抛出异常, 我可以手动传递这些HTML和CSS在<div id=“gjs”中...
sfkazmi
我找到了解决办法,我直接把HTML和CSS内容传到了<div>。
sfkazmi
我遇到了一个新问题,当我把CSS传递<div>去渲染和HTML时,我会更改样式并用editor.getCss()获得;它会得到我传递到style tag里<div>的旧样式
artf
请阅读:https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
#14652018年9月27日作者 Deepak8132 个回答
你好,@artf, 我们如何创建一个自定义的撤销管理器,点击按钮。所有更改都需要在撤销管理器中添加,然后我们才能恢复到原来的状态。 由于某些元素的变更,某些CSS无法正常工作。 比如点击一个按钮时,我已经移除了它的类别,所以点击撤销按钮时,该部分的类别没有添加或无法使用。 你能帮帮我吗? 希望能收到积极的回应。 谢谢你
artf
没有内置的方法可以添加自定义撤销管理器,但你确实可以通过打开一些PR来提升默认的集成
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#14642018年9月27日作者 sureshDurai1232 个回答
首先,感谢大家提供这个超棒的图书馆, 我有一个澄清问题,就是如果我把文本字段拖到Canvas里,它会看起来像这样——(见参考图片1) 并且想要通过简单地从左拖到右或从右到左来自定义文本的位置。在参考图2中,你会看到文本的位置是正确的,大多数方法是用列来实现的。与其使用列,我如何自定义文本字段的位置(垂直或水平)?只需拖曳它(在画布上移动)即可。 提前感谢大家。  中
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#14632018年9月27日作者 Abhisheknanda13444632 个回答
你好@artf 我正在使用你的样板插件,想禁用所有元素中的悬浮属性,正如悬停时黄色区域下方的截图所示 我试过这么做 ' const updateAll = model => { model.set({hoverable:false}); model.get('components').each(model => updateAll(model)); } 更新All(编辑)。DomComponents.getWrapper()); ` 它只能阻止可悬浮的属性,只针对包裹器。 你能告诉我如何让所有元素都停止这种属性吗? 谢谢 
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#14622018年9月27日作者 aerionTech3 个回答
我们已经把 GrapesJs 集成进了我们的 Angular 应用。 我们让资产管理器显示已上传的图片列表。起初没有图片,拖动图片后上传时,资产管理器显示的是正确的图片。 上传图片时,我们返回的对象数据属性中只有一张图片,因此这张图片会附加到已有的图片上。初始化时,我们返回的是现有图像中的对象。 问题存在于上传的图片中,编辑器中显示的是“缺失图片”的图片,但上传后并没有显示。我唯一能让上传的图片显示的方法是双击 通过资产管理器选择图片。 我附上了一个视频,展示了当前的问题及其工作原理。 编辑器中创建的 img 标签没有 src 属性,例如: <img data-gjs-type=“image” alt=“name-of-image...
artf
你应该输出到你的上传端点:https://grapesjs.com/docs/modules/Assets.html#response 例如, “''js { 数据: [{src: '.../image.png'}] } ```
aerionTech
你好,这样有效,文档里你可能想更新文档,去掉数组的第一行,只用对象版本来表示返回数据。 { 数据:[ 'https://.../image.png', // ... { SRC: 'https://.../image2.png', 类型:“图像”, 身高:100, 宽度:200, }, // ... ] }
artf
@aerionTech对,但我打算更新上传函数,让它也能理解字符串项
#14612018年9月26日作者 billyhorler1 个回答
你好,我正在尝试在电脑上安装这个,然后打开PowerShell并安装,这样我就能访问localhost官网,但我无法访问localhost8080,因为它显示无效
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#14602018年9月26日作者 YashPrince2 个回答
我如何在为组件创建特性时隐藏一个特性元素? 有没有类似 display:none 或 hidden:1 的办法?我该如何展示或隐藏任何特征,任何帮助都将不胜感激。
artf
你可以传递类似这样的“attributes: {style: 'display: none'}'
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#14592018年9月25日作者 gabrigcl2 个回答
你好,我正在开发一个用chart.js做图表的插件。为了让生成的模板从插件生成的数据模型渲染图表,我需要将这个模型存储到组件的 html 标签中。图表所用的模型如下: “JavaScript { “类型”:“行” “数据”:{ “标签”:“Rótulo 1”、“Rótulo 2”、“Rótulo 3”、“Rótulo 4”, “数据集”: [{ “标签”:“数据集1”, “数据”:[3, 9, 8, 2], “backgroundColor”:“rgba(252,111,116, 0.7)”, “borderColor”:“rgba(35,100,224, 0.7)”, “borderWidth”: 2, “showLine”:...
gabrigcl
我见过有 “JavaScript component.setAttributes({ id: 'test', 'data-key': 'value' }); ``` 方法,我会测试并关闭这个问题。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#14582018年9月25日作者 mrajeshkrossark3 个回答
@artf,我尝试把模板嵌入到grapesjs编辑器里。我遇到的问题是编辑器在那个模板下没有按预期工作。 注意:我用 react 应用来封装 grapesjs 编辑器。 最初编辑器嵌入了我的模板,看起来就像下面的图片  我用了视差效果作为模板。问题是当我第一次点击导航栏时,它的反应不同,导致在现有编辑器中加载了另一个编辑器。  { const modal = 编辑器。模态; const styleManager = editor.styleManager; 资产目标 = opts.target; modal.setTitle(“添加新图像”); var $test = $(“<iframe style='宽度:100%;height: calc(100VH - 60px);' src='http://192.168.0.227:45678/...
artf
@Stejsi在“opts”里有“onSelect”回调,应该能在样式管理器里更新内容。不幸的是,它只接受资产(对象)作为参数(抱歉,我会让它也理解字符串),所以目前你只能这样做 “''js const fakeAsset = { get: () =>路径 }; opts.onSelect(fakeAsset); ```
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。