<h2>Overview</h2>
TOAST UI Doc is an innovative documentation generator tailored specifically for TOAST UI products. It allows developers to seamlessly create comprehensive documentation for any JavaScript library by merging API documentation parsed from JSDoc comments with real-world examples. Built on Gatsby, a powerful React-based static site generator, it simplifies the documentation process, making it accessible to anyone looking to provide robust support for their codebases.
With features designed to enhance usability and customization, TOAST UI Doc caters to developers' needs, offering a clean and organized way to present intricate information right at their fingertips. The ability to manage API references along with code examples makes it a valuable tool for fostering understanding and maintaining clarity in documentation.
<h2>Features</h2>
<ul>
<li>
API Page: Automatically generates an API page by parsing JSDoc comments, categorized into modules, classes, namespaces, and more, all accessible via a local navigation bar.
</li>
<li>
Examples Page: Creates a direct examples page from HTML files, allowing developers to showcase HTML and JavaScript snippets through interactive demos.
</li>
<li>
Search Feature: In-built search functionality with auto-complete makes finding API and example pages quick and user-friendly.
</li>
<li>
Permalink: Offers a GitHub Permalink feature for easy navigation, linking directly from the API docs to their respective JSDoc files in the repository.
</li>
<li>
Customizable Layout Contents: Provides options to tailor headers, footers, and the overall layout through configuration files to suit specific documentation needs.
</li>
<li>
Simple Builds: Leverages Gatsby for automatic documentation builds, allowing for easy uploading to GitHub Pages or any server to publish public API pages with minimal effort.
</li>
</ul>

<h2>Overview</h2>
TOAST UI Calendar for React is a thoughtfully crafted component that integrates the TOAST UI Calendar functionality into React applications. It offers a powerful way for developers to implement calendar features seamlessly while leveraging the React ecosystem. With its deprecation notice, it signals a shift to a mono-repo structure, but the core functionality remains robust and useful for various calendar needs.
The component provides essential features to manage scheduling effectively, making it an excellent choice for applications that require calendar tracking, event management, or scheduling functionalities. While it’s vital to transition to the new repository for maintenance and contributions, the current iteration of the calendar component continues to offer great usability for developers.
<h2>Features</h2>
<ul>
<li>Google Analytics Integration: Collects usage statistics to help developers understand how widely the calendar is being used, aiding future development insights.</li>
<li>Installation via npm: Quickly integrates into your project using npm, facilitating easy setup and use.</li>
<li>Flexible Import Options: Supports both ECMAScript and CommonJS module imports, allowing flexibility in how developers choose to implement the calendar.</li>
<li>Custom Theming: Provides the ability to create a unique theme object for custom appearance, enhancing the UI to fit specific branding or design requirements.</li>
<li>Performance Optimization: Utilizes deep equality checks on props to minimize unnecessary re-renders, recommended to memoize props for optimal performance.</li>
<li>Instance Methods Access: Allows developers to interact with underlying TOAST UI Calendar methods using the wrapper component's <code>getInstance()</code> method, providing flexibility in handling calendar events.</li>
<li>Root Element Access: A method to retrieve the root element of the calendar, enabling direct manipulation if necessary for enhanced functionality or customization.</li>
<li>Event Management: Comprehensive event handling capabilities are included, making it easy to manage and respond to user interactions effectively.</li>
</ul>

<h2>Overview</h2>
The TOAST UI Image Editor React Wrapper is designed to integrate the powerful features of TOAST UI Image Editor directly into your React applications. This wrapper simplifies using the editor by encapsulating it as a React component, allowing developers to leverage the extensive capabilities of the image editor without dealing with complex configurations. However, it's important to note that this repository is now deprecated and issues should be directed to the main TOAST UI Image Editor repository.
Despite its deprecation, the package provides a seamless experience when dealing with image editing in applications. With detailed documentation and easy installation, it allows for efficient integration while promoting open-source contributions and community engagement.
<h2>Features</h2>
<ul>
<li>Google Analytics Integration: Collects statistics on the usage to measure how widely the editor is used, helping guide future developments.</li>
<li>Modular Installation: Available as both an ECMAScript and CommonJS module for flexible imports based on project needs.</li>
<li>Comprehensive Props Support: All options from TOAST UI Image Editor are supported through props, enhancing customization possibilities.</li>
<li>Instance Method Access: Allows access to instance methods via the <code>getInstance()</code> method, enabling advanced manipulation of the editor.</li>
<li>Event Handling: Supports all events of the underlining editor, allowing easy implementation of event-driven features by using properly formatted props.</li>
<li>Custom Themes: While default themes are not directly supported, developers can create their own themes by simply copying and modifying the theme object.</li>
<li>Direct DOM Manipulation: Provides a method to directly interact with the root element of the editor for custom styling and functionality.</li>
</ul>

<h2>Overview</h2>
The TOAST UI Calendar for Vue is a comprehensive Vue component that serves as a wrapper for the popular TOAST UI Calendar library. Although this repository has been deprecated in favor of a unified management approach alongside its parent repository, it still remains a powerful tool for developers looking to integrate calendar functionalities into their Vue applications. The transition to a monolithic repository model aims to streamline development and issue tracking, creating a more cohesive user experience for developers.
What sets this calendar component apart is its ability to provide detailed functionalities that enhance event management and scheduling. With a variety of customizable props and options, users can tailor the calendar to meet their specific needs, whether they prefer a weekly, monthly, or daily view.
<h2>Features</h2>
<ul>
<li>Google Analytics Integration: Collects usage statistics for open source insights, helping to shape future development based on user interaction data.</li>
<li>Multiple Installation Methods: Supports installation via npm, allowing flexibility in how developers choose to integrate the calendar into their projects.</li>
<li>Flexible Usage: Can be utilized in various formats including ECMAScript modules, CommonJS modules, or as a Single File Component (SFC) in Vue.</li>
<li>Customizable Props: Offers various props like <code>schedules</code> for dynamic event management, and options to customize views, themes, and calendar types.</li>
<li>Responsive Layout: Designed to render effectively across different display sizes, ensuring that users have seamless access to their calendar data.</li>
<li>Diverse View Options: Includes three different views (day, week, month) available through the <code>view</code> prop to suit varying needs for data presentation.</li>
<li>Task and Milestone Management: Options to display tasks and milestones enhances the user’s ability to manage important events effectively.</li>
<li>Theme Customization: Users can customize the calendar's appearance using theme configurations, allowing for a personalized interface that fits the application’s design.</li>
</ul>

<h2>Overview</h2>
If you're looking to elevate your Vue application with dynamic and visually appealing data representations, the TOAST UI Chart Vue Wrapper could be an excellent addition. This wrapper simplifies the integration of various chart types into your Vue.js projects, providing a comprehensive suite of features that cater to diverse data visualization needs. With the underlying power of TOAST UI Chart, this wrapper efficiently bridges the gap between Vue's reactivity and robust charting functionalities.
What makes this product even more compelling is the transition to a mono-repo approach, which means that development and issue tracking are streamlined, enhancing user experience. As developers, we often appreciate a well-maintained, easily navigable repository, and TOAST UI Chart delivers by allowing all related contributions and issues to be handled in a centralized manner.
<h2>Features</h2>
<ul>
<li>
Wide Range of Chart Types: Supports various charts including bar, line, area, scatter, and pie charts, ensuring you can visualize your data in multiple formats.
</li>
<li>
Easy Installation: Quick installation through npm allows you to get started with minimal setup time, making it accessible even for beginners.
</li>
<li>
Customization Options: Offers a variety of props, including data, options, and themes, providing flexibility to tailor charts according to your specific requirements.
</li>
<li>
Event Handling: Incorporates event listeners, such as the chart load event, facilitating interactions and dynamic updates to your charts.
</li>
<li>
Usage Statistics Collection: Includes Google Analytics for tracking usage statistics, helping developers understand the chart's reach and making future improvements.
</li>
<li>
Comprehensive Documentation: The repository comes with detailed guides and examples for easy implementation, helping users quickly get up to speed with using the wrapper.
</li>
<li>
Community Contributions Welcome: Open to pull requests, encouraging collaboration and continual enhancement of the charting capabilities.
</li>
<li>
Support for Map Charts: Provides options for incorporating map visualizations, expanding the versatility of the charts you can create within your applications.
</li>
</ul>

<h2>Overview</h2>
The TOAST UI Editor Vue Wrapper is an elegant solution for integrating the popular TOAST UI Editor into Vue applications. Designed with flexibility and performance in mind, this editor allows developers to create rich text input features with ease. With its deprecation notice signaling a shift to a mono-repo structure, users can be assured of streamlined updates and consistent performance across the board.
Whether you’re building a blog, documentation site, or any application that requires sophisticated text editing capabilities, this Vue wrapper provides a robust set of tools to enhance your user experience.
<h2>Features</h2>
<ul>
<li>User-Friendly Interface: The editor offers a clean and intuitive design, making it easy for users of all expertise levels to create and format their content.</li>
<li>Markdown Support: With built-in support for Markdown and WYSIWYG modes, users can choose their preferred editing style without sacrificing functionality.</li>
<li>v-model Integration: Easily bind data to the editor using v-model, though be mindful of performance implications in WYSIWYG mode.</li>
<li>Customizable Options: Control various aspects of the editor's behavior with props like <code>height</code>, <code>previewStyle</code>, and <code>visible</code> for a tailored editing experience.</li>
<li>Event Handling: The wrapper emits key events such as <code>load</code> and <code>change</code>, allowing for seamless integration with Vue's reactivity system.</li>
<li>Analytics Capabilities: Built-in Google Analytics integration helps track usage statistics, providing insights into how often the editor is used and guiding future development.</li>
<li>Easy Installation: Simple npm installation means you can quickly set up the editor in your Vue application, getting you started on development right away.</li>
<li>Comprehensive Documentation: Extensive resources are available to help developers effectively implement and customize the editor within their projects.</li>
</ul>

<h2>Overview</h2>
TOAST UI Grid for Vue is an efficient and flexible component designed to integrate with Vue applications, providing a powerful way to present and manage data in tabular form. As a wrapper around the robust TOAST UI Grid, it leverages Vue's capabilities while introducing a seamless experience for users looking to utilize grid functionalities within their projects. Though the repository for this Vue wrapper has been deprecated in favor of a mono-repo structure, it's still a valuable tool for developers who want to harness the features of TOAST UI Grid.
The grid's design emphasizes reactivity and ease of use, allowing developers to focus more on building their applications without getting bogged down by complex integration issues. With an intuitive API and comprehensive documentation, users can quickly get started and implement the grid into their existing projects.
<h2>Features</h2>
<ul>
<li>Reactivity System: TOAST UI Grid for Vue has its own reactivity system, distinct from Vue’s, ensuring smooth data updates without performance hitches.</li>
<li>Flexibility in Data Binding: Supports both rowData and columnData as props, enabling the easy manipulation of grid data which re-renders automatically on updates.</li>
<li>Customization Options: The options prop allows for extensive configuration, giving users control over the grid's behavior and aesthetics.</li>
<li>Theme Support: Offers pre-defined themes such as default, striped, and clean, with custom theme support for enhanced visual appeal.</li>
<li>Language Localization: Built-in support for multiple languages such as English and Korean, facilitating internationalization for a wider user base.</li>
<li>Single File Component (SFC) Integration: Easily integrates with Vue’s Single File Components, promoting cleaner and more organized code.</li>
<li>Usage Statistics Collection: Implements Google Analytics to gather usage statistics, helping to shape the future of the project based on user engagement.</li>
<li>Open Source Contribution: Encourages community involvement with guidelines for pull requests, making it easy for developers to contribute to the project.</li>
</ul>

<h2>Overview</h2>
The TOAST UI ImageEditor Vue Wrapper is a handy component for Vue developers who are looking to integrate a powerful image editing feature into their applications. As an extension of the TOAST UI Image Editor, this wrapper has been created to deliver a seamless experience for Vue users while taking advantage of the robust features offered by the native editor. However, it’s important to note that this wrapper is now deprecated, and all future developments and issues should be directed to the main TOAST UI ImageEditor repository.
This Vue wrapper facilitates straightforward usage of the image editor with customizable options, making it an attractive choice for developers seeking to enhance their web applications with rich image editing capabilities. Whether you are working on a photo editing platform or just need users to manipulate images effortlessly, this component can offer the flexibility needed.
<h2>Features</h2>
<ul>
<li>Seamless Integration: Designed specifically for Vue.js, allowing easy inclusion into your Vue components with minimal setup.</li>
<li>Customizable Options: Configure various properties using the <code>options</code> prop to suit your specific needs, such as setting max width and height for images.</li>
<li>Rich Event Handling: Capture user interactions with events like <code>addText</code> and <code>objectActivated</code>, making it easy to handle different editing modes and actions.</li>
<li>Google Analytics Support: Collects usage statistics to help gauge the popularity and effectiveness of the library while allowing users the option to disable this feature.</li>
<li>Single File Component: Easy to use as a single-file component, it simplifies the process of adding the image editor to your Vue applications without unnecessary complexity.</li>
<li>Comprehensive Documentation: Provides clear instructions and examples on setup, usage, and props configurations to help developers get started quickly.</li>
<li>Community Contributions Welcome: Encourages developers to contribute improvements and fixes directly to the main repository, fostering an active and collaborative community.</li>
<li>Dependency Management: While it requires fabric as a dependency, installation is straightforward and includes instructions for ensuring compatibility.</li>
</ul>

<h2>Overview:</h2>
The TOAST UI Editor is a versatile tool designed for those who want to work efficiently with Markdown and WYSIWYG editing. Whether you're preparing technical documentation or creating content for the web, this editor offers a seamless experience that adapts to your specific needs. It supports both Markdown mode and WYSIWYG mode, allowing you to switch between editing styles easily. With its user-friendly interface and powerful features, TOAST UI Editor is an excellent choice for developers, writers, and content creators alike.
The editor stands out by following CommonMark and GFM specifications, ensuring that your documents maintain compatibility across various platforms. With functionalities like live preview, syntax highlighting, and an array of plugins, the TOAST UI Editor is not just a simple writing tool but a comprehensive solution for productive content creation.
<h2>Features:</h2>
<ul>
<li>Markdown and WYSIWYG Modes: Switch between editing styles effortlessly to suit your work requirements.</li>
<li>Live Preview: Instantly see how your Markdown looks in rendered HTML, enhancing the editing experience.</li>
<li>Scroll Sync: Keep your Markdown and preview in sync, eliminating the need for constant manual scrolling.</li>
<li>Syntax Highlighting: Quickly identify any broken Markdown syntax to ensure your documents are error-free.</li>
<li>Customizable Table Support: Easily manage tables with context menu options to add, delete, or rearrange cells.</li>
<li>Robust Toolbar: Utilize the toolbar for styling and adding various elements to your document seamlessly.</li>
<li>Dark Theme Option: Customize your workspace with a user-friendly dark theme for comfortable editing.</li>
<li>Powerful Plugins: Extend functionality with plugins for charts, code syntax highlighting, and more to meet specific needs.</li>
</ul>

Nhn

Toast Ui.doc

Toast Ui.react Calendar

Toast Ui.react Image Editor

Toast Ui.vue Calendar

Toast Ui.vue Chart

Toast Ui.vue Editor

Toast Ui.vue Grid

Toast Ui.vue Image Editor

Tui.editor