@lesjoursfr/edith 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lesjoursfr/edith",
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"description": "Simple WYSIWYG editor.",
 	"license": "MIT",
 	"repository": "lesjoursfr/edith",
@@ -12,7 +12,7 @@
 		"access": "public"
 	},
 	"engines": {
-		"node": ">=v18.3.0"
+		"node": ">=16.15.1 || >=18.4.0"
 	},
 	"browserslist": [
 		"Chrome >= 60",

package/readme.md

@@ -1,5 +1,5 @@
 [![npm version](https://badge.fury.io/js/@lesjoursfr%2Fedith.svg)](https://badge.fury.io/js/@lesjoursfr%2Fedith)
-[![Build Status](https://travis-ci.org/lesjoursfr/edith.svg?branch=master)](https://travis-ci.org/lesjoursfr/edith)
+[![QC Checks](https://github.com/lesjoursfr/edith/actions/workflows/quality-control.yml/badge.svg)](https://github.com/lesjoursfr/edith/actions/workflows/quality-control.yml)
 
 # @lesjoursfr/edith
 

package/src/core/range.js

@@ -62,3 +62,13 @@ export function selectNodeContents(target) {
   sel.removeAllRanges();
   sel.addRange(range);
 }
+
+/**
+ * Check if the current selection is inside the given node.
+ * @param {Node} node the targeted node
+ * @returns {boolean} true if the selection is inside
+ */
+export function isSelectionInsideNode(node) {
+  const { range } = getSelection();
+  return node.contains(range.startContainer) && node.contains(range.endContainer);
+}

package/src/ui/button.js

@@ -46,7 +46,10 @@ function EdithButton(ctx, options) {
 }
 
 EdithButton.prototype.click = function (event) {
+  // Prevent default
   event.preventDefault();
+
+  // Check if the onclick attribute is a internal function ID or a custom function
   if (typeof this.onclick === "string") {
     onButtonClick(this.ctx, this.onclick, event);
   } else {

package/src/ui/editor.js

@@ -11,7 +11,7 @@ import {
 import { Events } from "../core/event.js";
 import { History } from "../core/history.js";
 import { EditorModes } from "../core/mode.js";
-import { getSelection, restoreSelection } from "../core/range.js";
+import { getSelection, restoreSelection, isSelectionInsideNode } from "../core/range.js";
 import { throttle } from "../core/throttle.js";
 import { EdithModal, createInputModalField, createCheckboxModalField } from "./modal.js";
 
@@ -58,6 +58,14 @@ EdithEditor.prototype.render = function () {
   return editorWrapper;
 };
 
+EdithEditor.prototype.getVisualEditorElement = function () {
+  return this.editors.visual;
+};
+
+EdithEditor.prototype.getCodeEditorElement = function () {
+  return this.editors.code;
+};
+
 EdithEditor.prototype.setContent = function (content) {
   // Replace   by the string we use as a visual return
   content = content.replace(/&nbsp;/g, '<span class="edith-nbsp" contenteditable="false">¶</span>');
@@ -107,13 +115,17 @@ EdithEditor.prototype.restoreSnapshot = function () {
 };
 
 EdithEditor.prototype.wrapInsideTag = function (tag) {
-  wrapInsideTag(tag);
-  this.takeSnapshot();
+  if (isSelectionInsideNode(this.editors.visual)) {
+    wrapInsideTag(tag);
+    this.takeSnapshot();
+  }
 };
 
 EdithEditor.prototype.replaceByHtml = function (html) {
-  replaceSelectionByHtml(html);
-  this.takeSnapshot();
+  if (isSelectionInsideNode(this.editors.visual)) {
+    replaceSelectionByHtml(html);
+    this.takeSnapshot();
+  }
 };
 
 EdithEditor.prototype.clearStyle = function () {
@@ -291,7 +303,7 @@ EdithEditor.prototype.onPasteEvent = function (e) {
     const lines = e.clipboardData.getData("text/plain").split(/[\r\n]+/g);
 
     // Add the content as text nodes with a <br> node between each line
-    for (let i = 0; i < lines.length - 1; i++) {
+    for (let i = 0; i < lines.length; i++) {
       if (frag.length !== 0) {
         frag.append(document.createElement("br"));
       }