api.onToolbarCreate를 사용하여 이미지 태그 추가

개발
1

제가 api.onToolbarCreate에 이 코드를 넣었을 때:

perform: (e) => {
  e.applySurround(
    `[wrap="Carousel" autoplay=${settings.autoplay}]\n`,
    "\n[/wrap]",
    "image_carousel_placeholder"
  );
}

그리고 제 image_carousel_placeholder 설정이 다음과 같다면:

image_carousel_placeholder:
  type: upload
  default: "placeholder_image"

이미지의 URL이 추가되는데, <img> 태그나 마크다운 ![] 형식이 아닙니다. 이 문제를 어떻게 해결할 수 있을까요? 실제 <img> 태그를 입력하도록 설정을 문자열로 변경하는 옵션은 피하고 싶습니다. 이것이 가능한가요?

2

아니, 내 실수였네. 바로 위에 있는 I18n.translations[currentLocale].js.composer.image_carousel_placeholder 줄을 완전히 놓치고 있었어.
이제:

I18n.translations[currentLocale].js.composer.image_carousel_placeholder = `<img src="${settings.image_carousel_placeholder}" height="200" width="300" />`;

이렇게 하니 훨씬 더 잘 작동한다.