@malaya_jeeva/rich-text-editor 1.0.13 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +7 -3
- package/dist/index.mjs +7 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -106,7 +106,7 @@ var CSS = `
|
|
|
106
106
|
|
|
107
107
|
/* \u2500\u2500\u2500 Theme tokens \u2500\u2500\u2500 */
|
|
108
108
|
.customeditor{
|
|
109
|
-
|
|
109
|
+
position:relative;
|
|
110
110
|
/* light (default) */
|
|
111
111
|
--rte-toolbar-bg:#f8f8f8;--rte-toolbar-border:#e0e0e0;
|
|
112
112
|
--rte-btn:#444;--rte-btn-hover-bg:#e8e8e8;--rte-btn-active-bg:#d0e4ff;--rte-btn-active:#1a5fb4;
|
|
@@ -228,6 +228,10 @@ var CSS = `
|
|
|
228
228
|
font-style: italic;
|
|
229
229
|
color: rgb(75, 85, 99);
|
|
230
230
|
border-radius: 0 4px 4px 0;}
|
|
231
|
+
.resizable {
|
|
232
|
+
overflow: auto;
|
|
233
|
+
resize: vertical;
|
|
234
|
+
}
|
|
231
235
|
`;
|
|
232
236
|
|
|
233
237
|
// src/rte/utils.ts
|
|
@@ -1747,7 +1751,7 @@ function RichTextEditor({ value, onChange, toolbar, theme, height, placeholder =
|
|
|
1747
1751
|
const show = (key) => !toolbar || toolbar.includes(key);
|
|
1748
1752
|
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { padding: "1rem 0" }, children: [
|
|
1749
1753
|
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("style", { children: CSS }),
|
|
1750
|
-
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `customeditor${theme ? ` rte-${theme}` : ""}`, style:
|
|
1754
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `customeditor${theme ? ` rte-${theme}` : ""}`, style: { border: "1px solid #d8d8d8", borderRadius: 4, boxShadow: "0 1px 3px rgba(0,0,0,0.06)" }, children: [
|
|
1751
1755
|
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rte-toolbar", children: [
|
|
1752
1756
|
!isCode && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
|
|
1753
1757
|
show("bold") && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { onClick: () => exec("bold"), title: "Bold (Ctrl+B)", active: fmt.bold, style: { fontWeight: 800, fontFamily: "Georgia,serif" }, children: "B" }),
|
|
@@ -1876,7 +1880,7 @@ function RichTextEditor({ value, onChange, toolbar, theme, height, placeholder =
|
|
|
1876
1880
|
"div",
|
|
1877
1881
|
{
|
|
1878
1882
|
ref: editorRef,
|
|
1879
|
-
className: "rte-body",
|
|
1883
|
+
className: "rte-body resizable",
|
|
1880
1884
|
contentEditable: true,
|
|
1881
1885
|
suppressContentEditableWarning: true,
|
|
1882
1886
|
"data-ph": placeholder,
|
package/dist/index.mjs
CHANGED
|
@@ -88,7 +88,7 @@ var CSS = `
|
|
|
88
88
|
|
|
89
89
|
/* \u2500\u2500\u2500 Theme tokens \u2500\u2500\u2500 */
|
|
90
90
|
.customeditor{
|
|
91
|
-
|
|
91
|
+
position:relative;
|
|
92
92
|
/* light (default) */
|
|
93
93
|
--rte-toolbar-bg:#f8f8f8;--rte-toolbar-border:#e0e0e0;
|
|
94
94
|
--rte-btn:#444;--rte-btn-hover-bg:#e8e8e8;--rte-btn-active-bg:#d0e4ff;--rte-btn-active:#1a5fb4;
|
|
@@ -210,6 +210,10 @@ var CSS = `
|
|
|
210
210
|
font-style: italic;
|
|
211
211
|
color: rgb(75, 85, 99);
|
|
212
212
|
border-radius: 0 4px 4px 0;}
|
|
213
|
+
.resizable {
|
|
214
|
+
overflow: auto;
|
|
215
|
+
resize: vertical;
|
|
216
|
+
}
|
|
213
217
|
`;
|
|
214
218
|
|
|
215
219
|
// src/rte/utils.ts
|
|
@@ -1729,7 +1733,7 @@ function RichTextEditor({ value, onChange, toolbar, theme, height, placeholder =
|
|
|
1729
1733
|
const show = (key) => !toolbar || toolbar.includes(key);
|
|
1730
1734
|
return /* @__PURE__ */ jsxs6("div", { style: { padding: "1rem 0" }, children: [
|
|
1731
1735
|
/* @__PURE__ */ jsx7("style", { children: CSS }),
|
|
1732
|
-
/* @__PURE__ */ jsxs6("div", { className: `customeditor${theme ? ` rte-${theme}` : ""}`, style:
|
|
1736
|
+
/* @__PURE__ */ jsxs6("div", { className: `customeditor${theme ? ` rte-${theme}` : ""}`, style: { border: "1px solid #d8d8d8", borderRadius: 4, boxShadow: "0 1px 3px rgba(0,0,0,0.06)" }, children: [
|
|
1733
1737
|
/* @__PURE__ */ jsxs6("div", { className: "rte-toolbar", children: [
|
|
1734
1738
|
!isCode && /* @__PURE__ */ jsxs6(Fragment4, { children: [
|
|
1735
1739
|
show("bold") && /* @__PURE__ */ jsx7(Btn, { onClick: () => exec("bold"), title: "Bold (Ctrl+B)", active: fmt.bold, style: { fontWeight: 800, fontFamily: "Georgia,serif" }, children: "B" }),
|
|
@@ -1858,7 +1862,7 @@ function RichTextEditor({ value, onChange, toolbar, theme, height, placeholder =
|
|
|
1858
1862
|
"div",
|
|
1859
1863
|
{
|
|
1860
1864
|
ref: editorRef,
|
|
1861
|
-
className: "rte-body",
|
|
1865
|
+
className: "rte-body resizable",
|
|
1862
1866
|
contentEditable: true,
|
|
1863
1867
|
suppressContentEditableWarning: true,
|
|
1864
1868
|
"data-ph": placeholder,
|