@lotte-innovate/ui-component-test 0.2.20 → 0.2.22
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +7 -1
- package/dist/lib/components/Editor/index.js +2 -2
- package/dist/lib/components/Editor/index.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/post-tinymce.js +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -3
- package/post-tinymce.js +0 -32
package/README.md
CHANGED
|
@@ -8,14 +8,16 @@
|
|
|
8
8
|
- [Installation](#installation)
|
|
9
9
|
- [Usage](#usage)
|
|
10
10
|
- [License](#license)
|
|
11
|
+
<br />
|
|
11
12
|
|
|
12
13
|
## Introduction
|
|
13
14
|
|
|
14
15
|
L-UI 에디터를 포함한 단일 패키지입니다.
|
|
15
16
|
|
|
16
|
-
이 패키지는 TinyMCE 에디터를
|
|
17
|
+
이 패키지는 TinyMCE 에디터를 사용하며 웹 기반의 WYSIWYG HTML 편집기를 제공합니다.
|
|
17
18
|
|
|
18
19
|
다양한 플러그인을 통해 기능을 확장할 수 있으며 상세 기능은 이 [링크](https://www.tiny.cloud/docs/tinymce/6/examples/)에서 확인 가능합니다.
|
|
20
|
+
<br />
|
|
19
21
|
|
|
20
22
|
## Installation
|
|
21
23
|
|
|
@@ -35,6 +37,8 @@ L-UI 에디터를 포함한 단일 패키지입니다.
|
|
|
35
37
|
public/tinymce/skins/ui/oxide/content.min.css
|
|
36
38
|
```
|
|
37
39
|
|
|
40
|
+
<br />
|
|
41
|
+
|
|
38
42
|
## Usage
|
|
39
43
|
|
|
40
44
|
React 프로젝트에서 에디터를 사용하는 방법에 대한 예시입니다.
|
|
@@ -54,6 +58,8 @@ const App = () => {
|
|
|
54
58
|
export default App;
|
|
55
59
|
```
|
|
56
60
|
|
|
61
|
+
<br />
|
|
62
|
+
|
|
57
63
|
## License
|
|
58
64
|
|
|
59
65
|
@lotte-innovate
|
|
@@ -62,9 +62,9 @@ export var Editor = forwardRef(function (_a, ref) {
|
|
|
62
62
|
base_url: 'tinymce',
|
|
63
63
|
width: '100%',
|
|
64
64
|
height: '100%',
|
|
65
|
-
plugins: 'link table lists
|
|
65
|
+
plugins: 'link table code lists codesample',
|
|
66
66
|
menubar: false,
|
|
67
|
-
toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat
|
|
67
|
+
toolbar: 'blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown',
|
|
68
68
|
content_style: 'body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }',
|
|
69
69
|
setup: function (editor) {
|
|
70
70
|
editor.ui.registry.addButton('inlinecode', {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{forwardRef as
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Editor as e}from"@tinymce/tinymce-react";import{cva as n}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{cn as r}from"../../utils/utils.mjs";import{marked as s}from"marked";import"tinymce/tinymce";import"tinymce/themes/silver";import"tinymce/models/dom";import"tinymce/icons/default";import"tinymce/skins/ui/oxide/skin";import"tinymce/plugins/advlist";import"tinymce/plugins/code";import"tinymce/plugins/codesample";import"tinymce/plugins/link";import"tinymce/plugins/lists";import"tinymce/plugins/table";import"tinymce/plugins/image";import"tinymce/skins/content/default/content";import"tinymce/skins/ui/oxide/content";var m=function(){return m=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var o in i=arguments[e])Object.prototype.hasOwnProperty.call(i,o)&&(t[o]=i[o]);return t},m.apply(this,arguments)},a=function(t,i){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(t);o<n.length;o++)i.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(e[n[o]]=t[n[o]])}return e},c=n("",{variants:{scaling:m({},o),size:{small:"w-[500px] h-[350px]",medium:"w-[550px] h-[400px]",large:"w-[600px] h-[450px]"}},defaultVariants:{scaling:"100%",size:"medium"}}),l=i((function(i,n){var o=i.className,l=i.size,p=i.scaling,u=a(i,["className","size","scaling"]);return t("div",{className:r(c({size:l,scaling:p}),o),ref:n,children:t(e,m({init:{base_url:"tinymce",width:"100%",height:"100%",plugins:"link table code lists codesample",menubar:!1,toolbar:"blocks | bold italic forecolor strikethrough | hr blockquote | bullist numlist outdent indent | table image link | inlinecode codeformat markdown",content_style:"body { font-family:Noto Sans KR, sans-serif, Nunito Sans, Helvetica Neue, Helvetica }",setup:function(t){t.ui.registry.addButton("inlinecode",{icon:"sourcecode",tooltip:"Inline code",onAction:function(){t.formatter.toggle("code")}}),t.on("init",(function(){t.formatter.register("code",{inline:"code",remove:"all"})})),t.ui.registry.addButton("markdown",{text:"Markdown",onAction:function(){var i=t.getContent({format:"text"}),e=s(i);t.setContent(e)}})}}},u))})}));l.displayName="Editor";export{l as Editor,l as default};
|
|
3
3
|
//# sourceMappingURL=index.mjs.map
|