컴포넌트 설정을 속성 값으로 전달하는 방법?

개발
1

안녕하세요, head_tag.html 템플릿에 <script src="..."></script> 태그를 통해 외부 스크립트 라이브러리를 추가하려고 시도하고 있습니다. 아래처럼 작성했는데, 명확히 잘못된 문법입니다.

<script type="text/discourse-plugin" version="1.6.0">

  <script src="https://example.com/library.js"
        charset="UTF-8"
        data-lib-xyz=`${ settings.data_lib_xyz }`
        />

</script>

이를 활성화하면 즉시 다음 오류가 발생합니다:

SyntaxError: /discourse/theme-8/initializers/theme-field-54-common-html-script-1: Support for the experimental syntax ‘jsx’ isn’t currently enabled (14:3):

SCRIPT 태그의 속성 값에 테마 설정 값을 사용하려면 Discourse에서는 어떤 방식으로 작성해야 하나요?

2

오스만님,

이곳부터 시작하시는 것이 가장 좋을 것 같습니다: Theme Developer Quick Reference Guide.

또한 여기에도 플러그인 API에 대한 훌륭한 정보가 많이 있습니다: Developing Discourse Themes & Theme Components. 코드 데모도 포함되어 있습니다.

스크립트를 추가하는 경우 실행이 허용되도록 CSP 문서도 확인해 보시는 것이 좋습니다: Mitigate XSS Attacks with Content Security Policy.

도움이 되길 바랍니다. 언제나처럼 추가 질문이 있으시면 편하게 보내 주세요.

마크