首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Quill工具栏未渲染(显示图标路径而不是渲染)

Quill工具栏未渲染(显示图标路径而不是渲染)
EN

Stack Overflow用户
提问于 2020-02-14 17:25:45
回答 1查看 475关注 0票数 1

我正在尝试在React中运行原生羽毛笔。我遵循quill的快速入门,但不幸的是,工具栏渲染有一个问题(见下文)。将显示图标路径,而不是进行渲染。请告诉我相同的方向:)

套筒组件:

代码语言:javascript
复制
import Quill from 'quill/core';
import Toolbar from 'quill/modules/toolbar';
import Snow from 'quill/themes/snow';
import Bold from 'quill/formats/bold';
import Italic from 'quill/formats/italic';
import React, { Component, Fragment } from 'react';
import Header from 'quill/formats/header';


Quill.register({
  'modules/toolbar': Toolbar,
  'themes/snow': Snow,
});


class MyQuill extends Component {

  constructor(props) {
    super(props);
  }


  componentDidMount(props) {
    var quill = new Quill('#editor', {
      theme: 'snow'
    });
  }

  render() {
    return (
      <div id="editor">
        <p>Hello World!</p>
        <p>Some initial <strong>bold</strong> text</p>
      </div>
    );
  }
}
export default MyQuill;
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-15 23:35:03

最后,我能够修复它(见下文)。遗憾的是,如此伟大的工具却有如此糟糕的文档。

更改自:

import Quill from 'quill/core';

import Quill from 'quill/dist/quill.js';

以及来自:

代码语言:javascript
复制
Quill.register({
  'themes/snow': Snow,
});

代码语言:javascript
复制
Quill.register({
  'themes/snow.js': Snow,
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60223428

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档