给新的特征类型添加 grapesjs 颜色选择器？
@nojacko我稍微修改了代码，基本上我现在的做法是： “''js getInputEl： function（） { 如果（！this.inputEl） { var input = document.createElement（'div'）; input.innerHTML = this.inputHtml var inputEl = input; var pickerEl = inputEl.querySelector（“.myolorPicker”）; pickerEl.id = “ppcp” + this.cid; if （！this.model.colorPickerEl） {// 将jQuery光谱色彩选择器添加到我们...
阅读下方完整回答 ↓问题
我正在构建一个新的特质类型，想在里面包含 grapesjs 的颜色选择器——有什么建议吗？目前我在“inputEl”的HTML中加入了标准的HTML颜色输入（还有文本字段和单选按钮），但如果可能的话，我很想用 grapesJS 自带的颜色输入。
举个我想把 grapesjs 选器放在哪里的例子。
inputEl = `<div>SOME HTML HERE</div><div><span>Color: </span><span><input type="color" id="colorpicker" value=""></span></div><div>MORE HTML HERE</div>`
感谢任何建议。顺便说一句，这是个很棒的工具，谢谢你创建它。
回答（3）
@nojacko我稍微修改了代码，基本上我现在的做法是： “''js getInputEl： function（） { 如果（！this.inputEl） { var input = document.createElement（'div'）; input.innerHTML = this.inputHtml var inputEl = input; var pickerEl = inputEl.querySelector（“.myolorPicker”）; pickerEl.id = “ppcp” + this.cid; if （！this.model.colorPickerEl） {//...
你好@pnellesen这其实是个很好的问题，确实应该允许这样做，但遗憾的是，目前情况并不那么简单。我们应该重构一些模块，让界面更易复用。 顺便说一句，试着扩展编辑器。TraitManager.getType（'color'）.prototype.getInputEl' 在 'getInputEl' 方法里，看看它是否能帮到你
@artf——谢谢你的回复！你的建议效果不错（甚至在 Internet Explorer 里也能用，比我用的 html5 颜色选择器还好:p）。我对样式和输入数据还有些调整，但总体来说还不错。 再次感谢！ 给好奇它是怎么运作的（我相信可能还有更好的方法）： 只需要添加大约5行代码（下面加粗），并在我想连接拣选器的元素上添加一个“data-colorp-c”属性： getInputEl： function（） { 如果（！this.inputEl） { var input = document.createElement（'div'）; var thisModel = this.model;...
相关问答
通过相似的问题讨论继续研究。
问题 #1079
错误的BG重复CSS设置
在导入组件和初始化 grapesjs 时，css background-repeat 属性被改为 background-repeat-x 和 background-repeat-y，这在 iOS 上会被破坏。 导入组件： '''html <div id=“izmt”>Test...
问题 #1448
使用自定义视图时无法选择子组件
我正在尝试创建一个自定义组件，创建一个带有嵌套HTML的视图。 我不想让这个HTML作为组件渲染，所以我用（用jQuery） view： defaultType.view.extend（{ 初始化：函数 （） { $（this.el）.html（'<div class=“con...
问题 #461
RTE工具栏出现在顶部面板
你好， 我们最近将 GrapesJS 从0.8.8更新到了0.12.15。升级后，我发现RTE工具栏莫名其妙地出现在顶部面板。我尝试做了一个干净的 grapesjs 调用（从维基复制）： 但工具栏依然存在： https://i.imgur.com/gcaBti2.png 当我双...
问题 #1812
：尝试添加背景图像时出现404（演示中可复现）
以隐身铬色访问 https://grapesjs.com/demo.html点击“Header”元素点击装饰>背景删除第2层点击第1层点击“x”删除紫色背景图像控制台中出现“GET https://grapesjs.com/none 404”错误点击“图片”尝试添加任何其他新图...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。