Remove placeholderContent option

artf · artf · commit 28a7f5fadaed · 2022-08-09T12:46:01.000+02:00
diff --git a/src/components.ts b/src/components.ts
@@ -23,6 +23,10 @@ export default (editor: grapesjs.Editor, opts: PluginOptions = {}) => {
       defaults: {
         name: 'Custom Code',
         editable: true,
+        components: {
+          tagName: 'span',
+          components: { type: 'textnode', content: 'Insert here your custom code' }
+        },
         ...opts.propsCustomCode,
       },
 
@@ -32,7 +36,7 @@ export default (editor: grapesjs.Editor, opts: PluginOptions = {}) => {
       init() {
         // @ts-ignore
         this.on(`change:${keyCustomCode}`, this.onCustomCodeChange);
-        const initialCode = this.get(keyCustomCode) || opts.placeholderContent;
+        const initialCode = this.get(keyCustomCode);
         !this.components().length && this.components(initialCode);
         const toolbar = this.get('toolbar');
         const id = 'custom-code';
diff --git a/src/index.ts b/src/index.ts
@@ -18,12 +18,6 @@ export type PluginOptions = {
    */
    propsCustomCode?: grapesjs.ComponentDefinition;
 
-  /**
-   * Initial content of the custom code component
-   * @default '<span>Insert here your custom code</span>'
-   */
-   placeholderContent?: string;
-
   /**
    * Object to extend the default component's toolbar button for the code. Pass a falsy value to avoid adding the button
    * @example
@@ -65,7 +59,6 @@ const plugin: grapesjs.Plugin<PluginOptions> = (editor, opts = {}) => {
   const options: PluginOptions = {
     blockCustomCode: {},
     propsCustomCode: {},
-    placeholderContent: '<span>Insert here your custom code</span>',
     toolbarBtnCustomCode: {},
     placeholderScript: `<div style="pointer-events: none; padding: 10px;">
       <svg viewBox="0 0 24 24" style="height: 30px; vertical-align: middle;">
