Merge pull request #35 from editor-js/feature/read-only-mode

Add read-only mode support
editor-js · Sep 29, 2020 · 83d2d9d · 83d2d9d
2 parents 8b74d1b + dae258e
commit 83d2d9d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/code",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "keywords": [
     "codex editor",
     "code",

diff --git a/src/index.js b/src/index.js
@@ -18,6 +18,16 @@ require('./index.css').toString();
  * Code Tool for the Editor.js allows to include code examples in your articles.
  */
 class CodeTool {
+
+  /**
+   * Notify core that read-only mode is supported
+   *
+   * @returns {boolean}
+   */
+  static get isReadOnlySupported() {
+    return true;
+  }
+
   /**
    * Allow to press Enter inside the CodeTool textarea
    *
@@ -40,9 +50,11 @@ class CodeTool {
    * @param {CodeData} options.data — previously saved plugin code
    * @param {object} options.config - user config for Tool
    * @param {object} options.api - Editor.js API
+   * @param {boolean} options.readOnly - read only mode flag
    */
-  constructor({ data, config, api }) {
+  constructor({ data, config, api, readOnly }) {
     this.api = api;
+    this.readOnly = readOnly;
 
     this.placeholder = this.api.i18n.t(config.placeholder || CodeTool.DEFAULT_PLACEHOLDER);
 
@@ -81,6 +93,10 @@ class CodeTool {
 
     textarea.placeholder = this.placeholder;
 
+    if (this.readOnly) {
+      textarea.disabled = true;
+    }
+
     wrapper.appendChild(textarea);
 
     this.nodes.textarea = textarea;