npm 包 bootstrap3-wysihtml5-commonjs 使用教程

简介

bootstrap3-wysihtml5-commonjs 是一款基于 Bootstrap 3 和 wysihtml5 的富文本编辑器包。它提供了丰富的编辑功能和易于使用的 API 接口，适合用于在项目中集成富文本编辑器。

安装

使用 npm 安装

- --- ------- -----------------------------

使用

引入样式

在 Sass 文件中引入样式：

-- ------ ---------
------- ---------------------------------------------------------------------------

-- ------ ---------
------- --------------------------------------------------------------------------------------------

-- ------ ---------- -----
------- ------------------------ -- ---- ---------- ----- ----

引入 JavaScript

在 JavaScript 文件中引入：

-- ------ --------- --- ------
------ -----------------------------------------------------------------------------------------------------------------

-- ---------- ------
-------------------------

API

手动初始化编辑器

-- ---------- ------ ---- -------
------------------------
  -------- -
    --- ----- -- --- ---- ------- -----
    --------------- ---- -- ---- ---- ---- ------
  --
  ------------ -------------------- -- ---- ---------- ------ -----
---

获取内容

-----------------------------------------------

设置内容

---------------------------------------------------- ---------

示例代码

--------- -----
------
  ------
    ----- ----------------
    ------------------------------------ ---------------
    ----- ---------------- ---------------------------------------------------------
    ----- ---------------- ------------------------------------------------------------------------------------
    ----- ---------------- -----------------------------------------------------------------------------------------------------
    ------- ------------------------------------------------------
    ------- ---------------------------------------------------------------
    ------- ----------------------------------------------------------------------------------------------------------------------------------------------
  -------
  ------
    ---- ------------------
      --------------------------------- ------------
      --------- -----------------------
      ------- ---------------- ----------------
      ------- ---------------- ----------------
    ------
    --------
      ---------------------------- -
        ------------------------
          -------- -
            --- -----
            --------------- ----
          -
        ---

        ------------------------- ---------- -
          --- ------- - -----------------------------------------------
          ---------------------
        ---

        ------------------------- ---------- -
          ---------------------------------------------------- ---------
        ---
      ---
    ---------
  -------
-------

总结

Bootstrap3-wysihtml5-commonjs 是一款易于使用的富文本编辑器包，它提供了丰富的编辑功能和易于使用的 API 接口，适合用于在项目中集成富文本编辑器。我们在项目中可以根据实际需求进行配置，让它更加符合我们的需求。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c83ccdc64669dde4df6

阅读全文

猜你喜欢

  • npm 包 bootstrap3-wysihtml5-npm 使用教程

    在前端开发中，经常需要使用富文本编辑器来编辑和格式化文本内容。而 bootstrap3-wysihtml5-npm 是一个基于 bootstrap 和 wysihtml5 的 npm 包，提供了一个简...

    4 年前
  • npm 包 bootstrap4-gulp-nunjucks 使用教程

    简介 bootstrap4-gulp-nunjucks 是一个前端的 npm 包，可以帮助我们快速搭建使用 Bootstrap 4 的 Web 应用程序。本文将详细介绍这个 npm 包的使用方法。

    4 年前
  • npm 包 bootstrap4-plus-jquery 使用教程

    在前端开发中，重复造轮子是一项浪费时间和资源的工作。为了提高开发效率，我们通常会使用现成的工具或框架来完成任务。 其中，Bootstrap 是广受欢迎的前端框架之一，它提供了丰富的 UI 组件和样式，...

    4 年前
  • npm 包 bootstrap4-utilities 使用教程

    Bootstrap4-utilities 是一款基于 Bootstrap4 样式的扩展类库，用于加快前端开发的速度。该库提供了大量的样式类，可以很方便地进行样式渲染。

    4 年前
  • npm 包 box2d-physics 使用教程

    box2d-physics 是一个基于 npm 包管理器的 JavaScript 物理引擎，它可以帮助我们在网页中实现物理效果，比如重力、摩擦力等等。本文将介绍如何使用 box2d-physics 包...

    4 年前
  • NPM 包 Box2dWeb-Haircut 使用教程

    前言 Box2D 是一套开源、跨平台的物理引擎，常被用于游戏开发中的物理模拟。而 Box2dWeb-Haircut 是在 Box2D Web 的基础上进行了优化和削减，以便在 Web 中更加高效地使用...

    4 年前
  • npm包braincrunch的使用教程

    简介 npm包 braincrunch 是一个基于JavaScript编写的模块，它可以实现Brainf*ck编程语言的解析和运行。 Brainf*ck是一种极简单的编程语言，它只有8个指令，基于数据...

    4 年前
  • npm 包 brainfuck 使用教程

    引言 Brainfuck 是一种极小化的，只有8种操作符的计算机程序语言。这种语言使用一个指针在一个类似于数组的数据结构上移动，并且可以根据读取的值修改当前指针所指向的值。

    4 年前
  • npm 包 brainfuck-compiler 使用教程

    什么是 brainfuck-compiler Brainfuck 是一种极为简单的编程语言，它由 a, b, x, y, z, ., +, -, <, > 十个基本操作组成。

    4 年前
  • npm 包 brainfuck-javascript 使用教程

    简介 Brainfuck 是一种极小化的编程语言，它的语法简单，只有 8 个命令。但这种语言十分难以理解和编写，因为它的语法完全不同于任何一种主流语言。Brainfuck-JavaScript 是一个...

    4 年前
  • npm 包 brainfuck-js 使用教程

    介绍 Brainfuck 是一种极简主义的编程语言，其只由 8 个指令组成，且完全基于指针操作。虽然 Brainfuck 编程语言的语法非常简单，但是理解和编写 Brainfuck 程序也是一项相当具...

    4 年前
  • npm 包 brainfuck.js 使用教程

    简介 brainfuck.js 是一个 npm 包，它是一个用来编写和执行 brainfuck 代码的 JavaScript 库。brainfuck 是一种极简单的编程语言，它只有八个操作符，并没有变...

    4 年前
  • npm 包 botyo-command-showme 使用教程

    引言 在现代前端开发中，npm 包管理已经是一项不可或缺的技能。在这篇文章中，我们将介绍一款名为 botyo-command-showme 的 npm 包。这是一款实用的工具，允许你在你的 Faceb...

    4 年前
  • npm 包 `botyo-command-youtube` 使用教程

    简介 botyo-command-youtube 是一个 npm 包，可以为你的机器人增加 !youtube 命令，用于搜索并返回 YouTube 视频信息。 安装 使用 npm 安装： --- --...

    4 年前
  • npm 包 bootstrap_git 使用教程

    介绍 Bootstrap 是一个用于构建响应式布局的个人网站、企业网站以及移动 APP 的前端框架，由 Twitter 旗下的 Mark Otto 和 Jacob Thornton 所创建。

    4 年前
  • npm包box4b-form使用教程

    简介 npm是node.js的包管理器，让前端开发人员可以轻松地查找，安装并维护包。在此处，我们将了解如何使用box4b-form，这是一个方便实用的npm包，用于在网站上创建表单。

    4 年前
  • npm 包 box4b-react-growl 使用教程

    简介 box4b-react-growl 是一个简单易用的 React Growl 组件，可以在页面上展示类似于通知的消息。 通过使用该组件，可以方便地在 React 应用中添加各种通知消息。

    4 年前
  • npm 包 box4b-react-table 使用教程

    介绍 box4b-react-table 是一个 React 表格组件，在前端开发中非常实用。该组件能够快速地生成符合需求的表格，包括分页、排序、搜索等等。本文将为您介绍该组件的使用方法及技巧。

    4 年前
  • npm 包 bootstrap4-vue 使用教程

    在前端开发中，布局和样式的处理是一个非常关键的部分。Bootstrap 是一个著名的前端框架，可以帮助我们快速搭建网页的基本布局和常见样式。而 Vue.js 作为现代化的前端框架，结合 Bootstr...

    4 年前
  • npm 包 bootstrap4c-buttons 使用教程

    在前端开发中，使用优秀的开源库可以大大提高开发效率，并且可以让网站更美观。这里介绍一个名为 bootstrap4c-buttons 的 npm 包，它提供了一系列漂亮的按钮样式，是一个极好的选择。

    4 年前

相关推荐

    暂无文章