#18242019年2月22日作者 sakshigarg91 个回答
我已经下载了 grapesjs-webpage-preset,想根据我的需求进行自定义,所以我在 index.html 文件里添加了自己的 HTML 和样式,使该界面可以自定义。那么,我如何让html代码中的div变成只读?我尝试在div描述中添加data-gjs-editable=“false” data-gjs-removable=“false”。 我还尝试把这段代码添加到index.js文件的src/components文件夹下: 但divs依然可以编辑......
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18222019年2月21日作者 arthuralmeidap3 个回答
嘿,@artf, 你能帮忙吗? 我想禁用用户选择包装块(主体),但仍然想让他们为它做样式。 所以我在考虑添加一个自定义扇区,它会显示所有区块,但该扇区应用的样式会专门应用到CSS规则中。 有没有办法实现这一点?我花了一些时间研究代码,但没找到方法
arthuralmeidap
我的做法有几个缺点,但因为这个应用没有用样式管理器的选择器,看看我怎么做的; 我在新区域添加了一个自定义的“目标”属性。我开始听每个扇区的“change:open”,如果扇区有我的新自定义道具,我就用“编辑器”设置我想要的目标css规则。StyleManager.setTarget('.my-class', { targetIsClass: true });' 否则我会设置当前选中的块,比如“editor.StyleManager.setTarget(editor.getS...
arthuralmeidap
举个例子: 用户已选择文本块。在样式管理器面板上,会显示为现在的样子。CSS选择器应用到它上,像General或Decorations这样的板块用来做样式,另外还有一个全局部分,为特定CSS规则应用样式
artf
是的,我觉得是可行的,你应该在编辑器加载时手动添加一个新的扇区,输入更改时更新包装风格 'editor.getWrapper().addStyle({ color: yourInputEl.value })',或者如果你需要特定的 CSS 规则,可以更新'editor.CssComposer.setRule('.your-class', { color: '...' });`
#18212019年2月21日作者 abozhinov3 个回答
你好, 我有两个元素属于相同的职业。我想用样式管理器对这两个元素中的一个应用样式更改。我会添加ID,但样式是针对课程而不是ID的。 我该怎么办?
arthuralmeidap
在样式管理器里,你可以选择或取消选择哪些CSS选择器(类或ID) 你需要应用造型。 点击一个块,打开样式管理器面板。你会看到所有选择器都应用到该区块。
abozhinov
@artf 我觉得问题出在图标上。我会编辑源代码,替换成SVG,同时重写样式。 我有没有选项可以在不修改源代码的情况下替换每个部分的模板? <img width=“1132” alt=“截图 2019-02-22 at 18 18 06” src=“https://user-images.githubusercontent.com/1404839/53255476-5ba1bd00-36ce-11e9-8974-5e51abc03575.png”> 这个框架很棒,我真的很喜...
#18202019年2月21日作者 MisterFK2 个回答
你好, 我尝试使用新的模态,但当我更改内容时,图像模态也会随之改变: 'var modal = 编辑器。模态; modal.setContent(“<div>test</div>”);' 我该如何保持图像模态,同时在我的特质中使用另一个模态? 谢谢
artf
目前,无法同时拥有多个“编辑器”。模态实例
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18192019年2月20日作者 sushiljic2 个回答
我正在尝试使用角度指令。 在任何方块内容上, 例如: ' bm.add('radio-block',{ 标签:“基本形式元素”, 范畴:C.范畴, 内容:'<输入类型=“文本” 名称=“用户名” id=“username” ngModel> ' }) ` 在导出时,ngmodel将是ngmodel。 那么,有什么可能的解决方案能让它在导出代码时显示ngModel。 我也找过[issue#1591](https://github.com/artf/grapesjs/issues/1591) 但找不到解决办法。
artf
ngModel 是浏览器在 ngmodel 中转换的(HTML5 不接受大写属性) 你可以通过传递一个组件对象来跳过解析器 “''js bm.add('无线电块',{ 标签:“基本形式元素”, 内容:{ 标签名称:“输入”, attributes: { 类型: 'text', ngModel: true } } }) ```
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18182019年2月20日作者 mcrodrig2 个回答
我正在尝试将库与Angular7集成,但当将容器“<div id=”gjs“>'移</div>入材质组件(步进器)时遇到了问题。 我把代码放进 https://stackblitz.com/edit/angular-qa6gqz(本地环境里没有 grapesjs 错误)。 你能不能?
mcrodrig
供将来参考:问题涉及在 HTML 渲染前执行 grapesjs.init 调用,且 <div> mat-step 内部无法使用。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18172019年2月20日作者 AkibDeraiya1233 个回答
你好@artf 我有一个区块进入了区块管理器 和上面的脚本一样,我希望在该块渲染到界面的同时添加动态HTML内容。 我知道我不需要改变DOM。但我需要用模型来更改,但我不知道怎么用 ID/类别的模式来更改。 你能帮我吗?我该怎么实现?
artf
不@AkibDeraiya123如果你试图从“脚本”访问模型,说明你完全误解了它的概念,请仔细阅读这里 https://grapesjs.com/docs/modules/Components-js.html#basic-scripts“脚本”指的是最终的HTML(这里没有“model”、编辑器和GrapesJS),不是编辑器
AkibDeraiya123
感谢你的回复@artf, 所以,这意味着我不能在动态内容渲染到编辑器时加载到块里? 如果是,那我该怎么做? 我可以用“this.innerHTML = 'New HTML content''替换整个区块的html吗?
artf
当然可以,但不能通过“脚本”属性。你必须创建一个自定义组件并在那里更新它的模型
#18162019年2月20日作者 Shah-ali3 个回答
Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下,这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片,“上传文件”功能无法调用 删除图片后,它不允许我上传同一张图片和位置的图片
Shah-ali
请给我一些线索。如何清除文件输入?
Shah-ali
我想,我已经解决了。 In OpenAssets.js
#18152019年2月19日作者 ateebahmed3 个回答
我一直在用编辑器事件,注意到当组件从块拖到画布时,“component:mount”事件会多次触发,你可以在你的JSFiddle Starter里确认。 “JavaScript editor.on('component:mount', component => console.log('mounted', component)) ```
artf
@ateebahmed请不要像这样的问题打开。按照模板操作
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18142019年2月19日作者 ateebahmed2 个回答
我想在组件从块拖到画布并渲染时选择它,我尝试过在“component:add”、“component:mount”注册事件并调用“editor.select(component)”,通过回调传递组件,但它没有正确初始化或缺少属性,比如它的类型和我预期的组件不符,自定义特性也没有初始化, 但如果我点击选中同一个组件,'component:selected' 里得到的组件就是我预期的,而且它的特性也被正确渲染。 我到底哪里做错了?
artf
https://github.com/artf/grapesjs/issues/1813#issuecomment-466408328
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。