[javascript] TinyMCE에서 텍스트 에디터에서 절대 경로를 사용하여 이미지를 삽입하는 방법은?

먼저, TinyMCE를 웹 페이지에 초기화합니다. 그리고 다음과 같이 이미지를 삽입할 때 사용할 수 있는 설정을 추가하면 됩니다.

tinymce.init({
    selector: 'textarea',
    plugins: 'image',
    /* 이미지 삽입시에 절대 경로 사용 설정 */
    image_advtab: true,
    /* 이미지 삽입시에 base_url 처리 설정 */
    relative_urls : false,
    remove_script_host : false,
    document_base_url : "http://example.com"
});

위의 설정을 추가하면 이미지 삽입 대화 상자에서 “Browser for…” 버튼을 클릭하여 이미지를 선택할 수 있습니다. 이때 이미지의 절대 경로를 입력하거나 선택할 수 있습니다.

또는 직접 텍스트 에디터에서 이미지 코드를 작성할 수도 있습니다. 절대 경로로 이미지를 삽입하려면 다음과 같이 작성합니다.

<img src="http://example.com/images/image.jpg" alt="Image">

이렇게 작성하면 TinyMCE에서 절대 경로로 이미지가 삽입됩니다. 즉, 이미지가 웹 서버에 저장된 경로에 따라 정상적으로 표시됩니다.

이제 TinyMCE에서 텍스트 에디터에서 절대 경로를 사용하여 이미지를 삽입하는 방법을 알 수 있었습니다. 설정을 추가하고 이미지 코드를 작성하여 절대 경로를 사용할 수 있습니다.