weianofsteel

{
    "title":"試試看",
    "greeting":"你好嗎"
}

weianofsteel

{
    "title":"try it",
    "greeting":"How are you doing"
}

weianofsteel

options: ['inline', 'blockType', 'fontSize', 'fontFamily', 'list', 'textAlign', 'colorPicker', 'link', 'embedded', 'emoji', 'image', 'remove', 'history']

weianofsteel

inline: {
    inDropdown: false,
    className: undefined,
    component: undefined,
    dropdownClassName: undefined,
    options: ['bold', 'italic', 'underline', 'strikethrough', 'monospace', 'superscript', 'subscript'],
    bold: { icon: bold, className: undefined },
    italic: { icon: italic, className: undefined },
    underline: { icon: underline, className: undefined },
    strikethrough: { icon: strikethrough, className: undefined },

weianofsteel

import React, { Component } from 'react';
import { convertToRaw, EditorState } from 'draft-js';
import { Editor } from 'react-draft-wysiwyg';
import '../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
import draftToHtml from 'draftjs-to-html';

export default class TextEditor extends Component{
    constructor(props) {
      super(props);
      this.state = {

weianofsteel

import React, { Component } from 'react';
import { Editor } from 'react-draft-wysiwyg';
import '../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

export default class TextEditor extends Component{
    constructor(props) {
      super(props);
      this.state = {
      
      };

weianofsteel

import dynamic from 'next/dynamic'

const Sample = dynamic(
  () => import('../Sample.js'),
  { ssr : false }
)

Const Demo = () => {
  return (
    <React.Fragment>

weianofsteel

import dynamic from 'next/dynamic'

const Sample = dynamic(
  () => import('../Sample.js'),
  { loading: ()=> <p>loading...</p> }
)

Const Demo = () => {
  return (
    <React.Fragment>

weianofsteel

import dynamic from 'next/dynamic'

const Sample = dynamic(() => import('../Sample.js'))

Const Demo = () => {
  return (
    <React.Fragment>
      <Sample/>
    </React.Fragment>
  )

weianofsteel

import React, { Suspense } from 'react';
const Sample = React.lazy(()=> import('./Sample') );

Const Demo = () => {
  return(
    <React.Fragment>
      <Suspense fallback={<div>Loading...</div>}>
        <Sample />
      </Suspense>
    </React.Fragment>