富文本类型 在版本2.0.2 无法渲染

[zyimm]

{
                type: "input-rich-text",
                name: "html",
                label: "Rich Text",
                value: "<p>Just do <code>IT</code>!</p>"
            },

[yuhonyon]

+1

[xinfox-ltd]

+1，我也出现这个问题，不知道是不是姿势不对，7天前发帖都没人回

[dongyao8]

+1 一样的问题，对照官方文档，代码应该没错，切回1.X版本就正常

[lurunze1226]

import 'amis/sdk/rest';
import 'amis/sdk/tinymce';

如果使用froala编辑器，需要引入下列资源

import 'amis/sdk/rest';
import 'amis/sdk/rich-text';

[dongyao8]

@lurunze1226 如果是SDK的js方式接入，如何操作？

[lurunze1226]

@lurunze1226 如果是SDK的js方式接入，如何操作？

sdk的tar包里也有对应的文件，在项目入口处加载即可

[echome123]

@lurunze1226 我也遇到了，sdk.js接入之后，查看控制台，你说的那几个js文件都已经加载了，依然是个空白，没有渲染，大神可以给一个sdk的富文本接入demo吗

[lurunze1226]

@lurunze1226 我也遇到了，sdk.js接入之后，查看控制台，你说的那几个js文件都已经加载了，依然是个空白，没有渲染，大神可以给一个sdk的富文本接入demo吗

要保证执行amis.embed()之前加载资源

import 'amis/sdk/sdk';
import 'amis/sdk/sdk.css';
import 'style/normalize.css';
import 'amis/sdk/rest';
// tinymce编辑器
import 'amis/sdk/tinymce';
// froala编辑器
import 'amis/sdk/rich-text';
// inputExcel
import 'amis/sdk/exceljs';

(function () {
  let amis = amisRequire('amis/embed');
  // 通过替换下面这个配置来生成不同页面
  let amisJSON = {
    type: 'app',
    brandName: '测试',
    pages: [
      {
        label: '查询接口',
        children: [
          {
            label: '父页面',
            url: '/parent',
            children: [
              {
                label: '子页面',
                url: 'pageA',
                schema: {
                  type: 'form',
                  debug: true,
                  api: '/api/mock2/form/saveForm',
                  body: [
                    {
                      type: 'input-rich-text',
                      name: 'rich',
                      label: 'Rich Text'
                    }
                  ],
                  actions: [
                    {
                      type: 'reset',
                      label: '重置'
                    },
                    {
                      type: 'submit',
                      label: '提交',
                      level: 'primary'
                    }
                  ]
                }
              }
            ]
          }
        ]
      }
    ]
  };

  let amisScoped = amis.embed('#root', amisJSON, {}, {});
})();

[echome123]

@lurunze1226 您发的这个demo好像不是sdk.js的，sdk的引入都使用

[lurunze1226]

@lurunze1226 您发的这个demo好像不是sdk.js的，sdk的引入都使用

本质上是一样的，import 'amis/sdk/tinymce' 换成script的写法就是

[echome123]

@lurunze1226 已经尝试过这种引入方式了，依然不起作用

[echome123]

@lurunze1226

[qianxiaofendou]

@lurunze1226

sdk下面有个皮肤样式需要加载一下 thirds/tinymce/skins/ui/oxide/skin.css

[echome123]

@lurunze1226 你好，按照你的上一步指引，已经加入了这个css资源，依然无法渲染出来：

[qianxiaofendou]

我这边使用sdk2.1.0加载这个皮肤样式，rest.js和tinymce.js这两个js不用添加，富文本是可以正常显示出来的

[belongwqz]

sdk2.2.0也没解决，收工加载了js和样式表之后，显示没问题，编辑器的菜单还是不可用，比如插入表格之类的，点击了没反应

[belongwqz]

sdk2.2.0也没解决，收工加载了js和样式表之后，显示没问题，编辑器的菜单还是不可用，比如插入表格之类的，点击了没反应

再试了一下，不是点击了没响应，是如果在dialog里使用时，控件的菜单会被dialog覆盖掉看不见，如果不使用dialog就可以。

[nwind]

最新版已经不能复现了