#22892019年9月25日作者 JCKodel3 个回答
使用 Ionic StencilJS 时,组件通过新模块支持导入: 在“{canvas: scripts: []}' 中,我只能通过外部脚本的 URL 加载。 为了解决这种情况,我们可以导入模块如下: 画布内的最终结果为: 请注意,当我们想在“'标签中使用完整性或交叉起源时,当然插入<script>URL字符串依然可以正常使用。
artf
很好,我喜欢,想做一个PR的朋友,更新代码在这里: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161
devtechk
你好,我可以从你的代码开始,不在 html 文件里,而是在一个分开的 js 文件里 init grapesjs 吗? 谢谢你
rywilson28
@artf看起来这个功能已经实现了。 有一个小问题,类型默认会变成“text/javascript”。 对于 HTML 5 应该省略,但如果有也不会造成任何问题。 这个问题应该被关闭吗?
#22072019年8月20日作者 niisar3 个回答
给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖放元素来修正位置。  请参见Fiddle演示...... https://jsfiddle.net/niisar/zc51gtnv/
pouyamiralayi
这只是拖拽图标的,对吧?手动拖拽没问题。 使用拖曳图标,它会从顶部重置元素的位置,看起来就是这样。
niisar
这只是拖曳图标的,对吧?手动拖拽没问题。使用拖曳图标,它会像看起来一样重置元素的位置。 是的,这只适用于拖曳图标。
artf
是的,问题在于根据上下文的不同事件对象。当你触发对组件本身的拖拽时,事件在iframe的上下文中(因为点击的元素在iframe中),但组件的按钮在iframe之外,所以事件的上下文是原始的“窗口”。
#21962019年8月15日作者 devgru3 个回答
复现步骤:添加文本,选择单词,点击RTE面板中的链接图标,选择链接。 预期行为:当我选择链接时,我期望它会显示工具栏(带有“选择父”按钮)和它的徽章。 实际行为:如果链接是启动HTML格式,链接已被正确初始化,选择链接会同时显示徽章和工具栏。否则,如果链接是通过选择RTE按钮创建的,只显示徽章。
simplecommerce
@Abhisheknanda1344463你好@artf @simplecommerce @devgru有什么最新进展吗?有没有办法手动修复这个问题?谢谢 我不确定这对你是否有效,但这是我用来规避的方法。
Abhisheknanda1344463
@simplecommerce 谢谢你,伙计。 成功了。 谢谢
#21892019年8月12日作者 rahuloftheramaneffect3 个回答
嗨 我正在尝试用葡萄制作一个有序列表。我尝试在RTE中添加以下内容: 如果我的页面在编辑器初始化时预先填充了 html,这个方法就适用,比如下面: 预填充编辑器:  创建有序列表:  但如果我把新块放进画布,然后按有序...
thomas1204
根据上面的评论,我现在可以添加有序和无序的列表了。有没有办法更新现有的有序和无序列表? @artf @rahuloftheramaneffect
artf
你能做一个可复现的演示吗?没有栈迹的错误是没用的(可选地)我们可以用Tab键缩进列表? 你绝对应该自己做,或者依赖像CKEditor这样的工具来获得更高级的文本使用体验
rahuloftheramaneffect
嘿!谢谢你这么快回复。你能做一个可复现的演示吗?没有栈迹的错误是没用的 这里有一个压缩包,里面是我编辑页面的简化版。 [Demo.zip](https://github.com/artf/grapesjs/files/3497128/Demo.zip) 它包含了大量CSS和js文件。上述RTE功能属于editor_rte.js。 繁殖步骤:开放 index.html(包含初始化编辑器、部分预先文本和少量块)。双击已有文本以查看RTE工具栏。使用右侧的列表按钮验证创建列表和缩...
#21852019年8月7日作者 vegadesign1 个回答
你好。 应用程序中有一些PNG图标:flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png 我也做过类似的,但用SVG格式。请参见[附加文件夹](https://drive.google.com/open?id=189-erU...
artf
哇,非常感谢@vegadesign非常感激。我们实际上只在演示([gh-pages](https://github.com/artf/grapesjs/tree/gh-pages)分支)中使用这些,链接如下: https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 我会尽快更换,但如果你能自己创造个人纪录,那将非常感激
#21482019年7月18日作者 makkaronis4e3 个回答
嗨!我刚遇到同样的问题:https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 点击其中一个按钮  'this.getPropertiesEl().style.display=“none”' 无法获得未定义或空引用的属性“样式” 有人解决了吗?
senchden
我可以确认,在网页演示 v0.15.8 中,无法为元素设置样式。IE11 在尝试通过样式管理器设置样式时,打印到控制台:
Alkotronikk
我的问题出在 [ParentNode.children](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/children),我没有用多边填充。
#20802019年6月17日作者 Aamir37532 个回答
如何让音频组件像其他组件(图片)一样正确工作(可选择、可编辑)。
artf
好问题,“音频”元素相当特殊,肯定需要自定义组件,可能遵循[ComponentVideo](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/model/ComponentVideo.js)(及其自定义[view](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentVideoView.js)) 当然你可以自己...
mohd7469
@artf你能给出一个简单的片段,展示一个正常工作的音频元素演示吗?因为我试着为音频元素定义自定义组件类型,但似乎不行,而且要么无法选择,要么无法编辑
#20682019年6月6日作者 ssabrewolf3 个回答
你好,GrapesJs团队 更新Grapesjs版本14.0.59后,我发现渐变插件停止工作, 我也查看了渐变演示页面,发现这里也有同样的行为 https://codepen.io/artf/pen/bYwdQG 提前感谢大家
ssabrewolf
你好@artf我注意到你添加了“招聘”标签,我可以试试,但你能给点建议或假设吗?为什么不从零开始,不知道为什么?我当然问,因为你似乎是渐变插件的作者,如果不是,请忽略这条消息
artf
@ssabrewolf是的,我是渐变插件的作者,但说实话我完全不知道发生了什么,肯定是风格管理器模块更新后出现了回归。我能说的是,用v0.14.50运行得很好
alikabeer32
这很荒谬,但我发现如果你输入“decoration”而不是“Decoration”,插件就能正常工作!演示和我的代码里都有。
#20442019年5月29日作者 eduardonunesp3 个回答
按照 README 上描述的 'dev' 分支启动本地服务器的步骤,在控制台上能用,但在 Chrome 上失败,Grapesjs 也无法加载,因为以下错误 
artf
奇怪,以前从没见过。可能是某个小版本中开发依赖的变化。试着用完全相同的依赖版本重新安装node_modules
verdverm
我在跟随开发者设置时遇到了一些问题: 可能是捆绑器的问题? 我能在“index.html”文件里把“grapes.min.js”里的“最小”去掉,这样就能正常工作了。但是,如果我构建“grapes.js”输出,这个错误又会出现。
#20262019年5月21日作者 alikabeer322 个回答
我想为 css 函数 translate(x,y) 提供一个选项,但 addProperty 参数 functionName 只接受一个参数作为输入。我试过用 translateX() 和 translateY(),但它们不能同时工作。如果有人能告诉我其他方法能达到想要的效果,我将不胜感激。
adamyarger
@alikabeer32我之前遇到过同样的问题,你需要为translateY和translateX设置默认值,因为CSS中的变换属性在translateX和translateY之间是共享的。 例如,Grapes 输出 'transform: translateY(40px) translateX(0);' 这里有一个示例,说明在构建葡萄时可以通过“styleManager”属性传递它。
alikabeer32
是的!这是完美的解决方案。谢谢!