小编Sai*_*lam的帖子

如何在 Formik 中集成 TinyMCE 富文本编辑器?

我想在我现有的 Formik 表单中添加 tinymce 富文本编辑器。

之前:

          <Field name='description'>
              {({ field, meta }) => (
                <div>
                   <textarea
                    id='article_body'
                    type='text'
                    rows='15'                  
                    placeholder='Write description...'
                    {...field}
                   ></textarea> 
                 </div>
            </Field>
Run Code Online (Sandbox Code Playgroud)

现在:

      <Field name='description'>
         {({ field, meta }) => (
           <div>
            <Editor
                id='article_body'
                apiKey='my-api-key'
                initialValue='Write...'
                init={{
                  height: 500,
                  menubar: true,
                  plugins: [
                    'advlist autolink lists link image charmap print preview anchor',
                    'searchreplace visualblocks code fullscreen',
                    'insertdatetime media table paste code help wordcount',
                  ],
                  toolbar:
                    'undo redo | formatselect | bold italic backcolor |  alignleft aligncenter 
                     alignright …
Run Code Online (Sandbox Code Playgroud)

tinymce text-editor reactjs formik

0
推荐指数
1
解决办法
438
查看次数

标签 统计

formik ×1

reactjs ×1

text-editor ×1

tinymce ×1