Skip to content

Commit 949cad0

Browse files
author
nezanuha
committed
Refactor: Use scoped package @nezanuha/markdown-text-editor with support for MarkdownEditor and include CSS import for styling.
1 parent cafe933 commit 949cad0

File tree

3 files changed

+10
-10
lines changed

3 files changed

+10
-10
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,17 +17,17 @@ To install the plugin in your project, you can include the plugin JavaScript fil
1717

1818
1. **Install via NPM** (for bundling tools like Webpack):
1919
```
20-
npm install @nezanuha/markdown-text-editor
20+
npm install markdown-text-editor
2121
```
2222

2323
## Usage
2424

2525

26-
Import the `MarkdownEditor` class from @nezanuha/markdown-text-editor:
26+
Import the `MarkdownEditor` class from markdown-text-editor:
2727

2828

2929
```
30-
import MarkdownEditor from "@nezanuha/markdown-text-editor";
30+
import MarkdownEditor from "markdown-text-editor";
3131
```
3232

3333
## Basic Example:
@@ -50,7 +50,7 @@ If you are using **TailwindCSS**, add the following configuration to your `tailw
5050
module.exports = {
5151
content: [
5252
// './src/**/*.{html,js}',
53-
'node_modules/@nezanuha/**/*.js',
53+
'node_modules/markdown-text-editor/**/*.js',
5454
]
5555
}
5656
```
@@ -59,7 +59,7 @@ module.exports = {
5959
If you are not using TailwindCSS, you can directly import the CSS file into your project:
6060

6161
```javascript
62-
import '@nezanuha/markdown-text-editor/dist/markdown-text-editor.css';
62+
import 'markdown-text-editor/dist/markdown-text-editor.css';
6363
```
6464

6565
#### Using CDN
@@ -78,7 +78,7 @@ For projects using a CDN, you can include the following links:
7878

7979
#### Using a bundler e.g. Webpack:
8080
```javascript
81-
import MarkdownEditor from '@nezanuha/markdown-text-editor';
81+
import MarkdownEditor from 'markdown-text-editor';
8282

8383
const editor = new MarkdownEditor('.editor-container', {
8484
placeholder: 'Write your markdown...',
@@ -157,7 +157,7 @@ const editor = new MarkdownEditor('.editor-container', {
157157
To use the plugin with Webpack, import the plugin and initialize it as shown below:
158158

159159
```javascript
160-
import MarkdownEditor from '@nezanuha/markdown-text-editor';
160+
import MarkdownEditor from 'markdown-text-editor';
161161

162162
const editor = new MarkdownEditor('.editor-container', {
163163
placeholder: 'Write markdown...',

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ <h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-white">Update product<
5858

5959
<!-- <script src="./dist/markdown-text-editor.js"></script> -->
6060
<script type="module">
61-
import MarkdownEditor from '@nezanuha/markdown-text-editor';
61+
import MarkdownEditor from 'markdown-text-editor';
6262
const options = {
6363
placeholder: 'Start writing...',
6464
toolbar: ['bold', 'italic', 'strikethrough', 'preview'],

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"name": "@nezanuha/markdown-text-editor",
3-
"version": "0.0.19-beta.1",
2+
"name": "markdown-text-editor",
3+
"version": "0.0.20-beta.1",
44
"description": "A powerful, easy-to-use Markdown editor with a real-time preview, syntax highlighting. Ideal for developers, writers, and content creators who need a seamless, interactive writing experience with full Markdown support.",
55
"main": "./dist/markdown-text-editor.js",
66
"style": "./dist/markdown-text-editor.css",

0 commit comments

Comments
 (0)