Visual Mark

Image

About this package

Visual Mark is a package created by planeta110 that allows users to write and render the result in blocks similar to Markdown style. This package includes functions to save and load data in either JSON or Markdown format, with JSON being the preferred format.

📦 Installation

To install the package, run the following command in your terminal:

npm i visual-mark@latest

🚀 Usage

To use the package, simply import the component

copy this:

import { VisualMark } from "visual-mark";

and past in your code:

import VisualMark from "visual-mark";

function App() {
  return (
    <main className="w-full">
      <VisualMark />
    </main>
  );
}

export default App;

Props

| Prop | Tupe | Description | | ------------------------ | ------------------------ | ------------------------------------------------------------------------------------------------------------- | | styleMain | string (tailwind code) | You can customize the body of the editor (optional) | | onChange | func | Execute your function when the text in the editor change (optional) | | readOnly | boolean | Set it to true if you want to make it read-only. (optional) | | returndata | Json or MarkDown | Select the type you want it to return: Markdown or JSON. JSON is preferred. JSON is preferred. (required) |

Documentation

Start using the package, simply import the component:

import { Editor } from "visual-mark";

License

MIT Custom License

Copyright (c) 2025 Planeta110

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to use, modify, and share the Software for non-commercial purposes, provided that proper credit is given to the original creator Planeta110.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED. IN NO EVENT SHALL THE AUTHOR (PLANETA110) BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Commercial use is not permitted without explicit permission from the creator. Please contact Planeta110 for commercial licensing.