IMG.LY Creative Editor SDK自托管默认字体加载URL错误问题
IMG.LY Creative Editor 本地字体加载路径异常问题
我正在使用IMG.LY的Creative Editor,希望从自身应用而非IMG.LY CDN提供字体。当前默认资源源配置如下:
instance.addDefaultAssetSources({ baseURL: '/public/cesdk/assets/', });
预期行为
选中字体时,直接从addDefaultAssetSources指定的URL加载并应用字体。
实际行为
字体加载的URL是将默认资源源的baseURL追加到CreativeEditorSDK配置的baseURL之后,导致路径错误。
重现步骤
- 修改文本元素字体时,字体选择器中的所有字体均从预期URL加载:
http://localhost:9000/public/cesdk/assets//ly.img.typeface/fonts/imgly_font_abril_fatface_regular.ttf - 点击字体应用到文本元素时,字体从错误URL加载:
http://localhost:9000/public/cesdk/engine/public/cesdk/assets//ly.img.typeface/fonts/imgly_font_bungee_inline.ttf - 可见默认资源源的baseURL被错误追加到了CreativeEditorSDK配置的baseURL之后
- 可通过对应示例项目复现该问题
详情
已遵循以下官方指南完成集成:
- 《Integrate Creative Editor》
- 《Fonts & Typefaces》
完整配置代码
import CreativeEditorSDK from '../node_modules/@cesdk/cesdk-js/index.js'; const config = { license: 'mtLT-_GJwMhE7LDnO8KKEma7qSuzWuDxiKuQcxHKmz3fjaXWY2lT3o3Z2VdL5twm', userId: 'guides-user', // Serve assets from IMG.LY cdn or locally // baseURL: 'https://cdn.img.ly/packages/imgly/cesdk-js/1.35.1/assets', baseURL: '/public/cesdk/engine', locale: 'en', }; CreativeEditorSDK.create('#cesdk_container', config).then(async (instance) => { await instance.addDefaultAssetSources({ baseURL: '/public/cesdk/assets/', excludeAssetSourceIds: [ 'ly.img.vectorpath', 'ly.img.filter.duotone', 'ly.img.filter.lut', 'ly.img.sticker', 'ly.img.image', 'ly.img.colors.defaultPalette', 'ly.img.effect', 'ly.img.blur', ], }); const engine = instance.engine; const scene = engine.scene.create(); const page = engine.block.create('page'); engine.block.appendChild(scene, page); });
截图
- 字体选择器:

- 字体选择器 - 网络追踪:

- 应用字体:

- 应用字体 - 网络追踪:

内容的提问来源于stack exchange,提问作者Rudolf Traunmüller
相关产品推荐
相关产品推荐

