에디터에서 코드블락에 <textarea></textarea> > 질문답변

조건을 맞추려면 아래 같은 방식이 되어야 할듯 싶네요.

[code]
<textarea>
<div>TEST<li>#TEST 1. test 2. test 3. test</li></div>
</textarea>
[/code]

textarea 안에 html로 감싼 textaera가 붙을 때 html 안의 </textarea>가 전체를 끝내버리는게 문제가 되는거라면
1차적인 생각은 ```을 <pre><code> </code></pre>로 치환하는 함수를 쓰면 안될까요?
아마 ```안에서 textarea 코드만 문제가 될 것 같은데 그렇다면 < 대신 & l t ; 로 > 대신 & g t ; 로 대체할 수 있는 방법을 찾으면 어떨까요?

저도 같은 생각중이었습니다. Vditor 개발자는 template를 사용하라고 하는데,  잘 이해가 안되서..  자기네가 만든 Solo나 Symphony라는 blog를 보라고 하는데,  그 코드는 자바로 되어 있어서..  ㅎㅎ
다행히 rendering 앞에 유저 함수가 있어서 거기서 치환해 보는 것을 고려하고 있습니다.
그누보드 저장하기 전에 치환하고..

제가 내용을 잘못 읽었네요......ㅠㅠ

괜찮습니다.

@무와보 일단 짜집기로 < 를 &lt;로  변경했습니다. 텍스트 파일 크기는 조금 늘어 나지만,  html코드 php 코드 모두 정상으로 나오네요.

안그래도 그 개발자 문서에 템플릿 관련된 것이 나오더군요.
자세하게 들여다보진 않았는데 개인적인 생각으로는 마젠토님이 치환해서 늘어나는 텍스트 파일 용량보다 템플릿에 들어가는 용량이 더 커보이던데요 ㅎㅎ

@무와보 템플릿을 어떻게 쓰는지 몰라서..  개발자가 제가 알아 들을 수 있을 정도로 설명을 해줘야 되는데.. ㅠㅠ
어제는 잘 모르는 PHP를 붙잡고,  짜집기로 svg, webp 파일을 올리는 것을 했습니다.

그외에 wav파일이나 rar 파일 같은 것도 올린다고 하면,  그누보드의 파일 필드와 연동도 해야 되나 고민중이고

앞으로 해야될 것이
1. 게시글을 읽으면 사이드에 TOC 나오게 하기
2. 블로그 같은데 보면 리스트 화면에서 글을 조금씩 보여주는 것 있는데,  이것도 해결해야 되고.
3. 갤러리 스킨에서도 첨부된 사진 보여주게 해야 될 것 같고..

이 정도가 되어야 마크다운 에디터가 나름 사용하기 편할 것 같은데.. 
실력이 아직도 많이 부족하네요..ㅠㅠ

@무와보 혹시 템플릿으로 어떻게 만드는지 간단한 예라도 알려 주실수 있는지요? 
오늘은 &lt; &gt; 가 다르게 나와서..

결론은 template와 ajax를 쓰라고 하는데..  참 어렵네요.

@마젠토 제가 다시 한번 들여다보고 오겠습니다.  그러나 꼭 된다는 보장은 없습니다 ^^

@마젠토 제가 보기에는 템플릿을 이용하는게 highlight나 prism 같은 것을 이용하는 것처럼 보이네요.
개발자네 symphony를 이용한 https://hacpai.com 에도 그렇게 사용하구 있는 것 같구요.

@무와보 그누보드에서 코드블락안의 내용이 깨지는 것은 아래와 같이 사용하라고 합니다.
[code]
<textarea>
${mdResultHTML}
<textarea>
[/code]
를 사용해서 backend server에서 넣으라고 되어 있네요..
view.skin.php에서.. Database에서 넘어온 $view['content']를 textarea(display:none)에 넣지 말고,  직접 렌더링해서 html안에 넣어 주라는 이야기인 것 같습니다.

[code]
$mdResultHTML = md2html($view['content']);
<div id="bo_v_con"><?php echo get_view_thumbnail($mdResultHTML); ?></div>
[/code]

md2html은 php와 javascript로 불러야 겠네요..

힌트를 얻었으니,  삽질을 해 봐야겠네요.

@무와보 textarea는 아래와 같이 해결 봤습니다.
<script>
var mdContent = <?php echo htmlspecialchars_decode(json_encode($view['content'])); ?>;
</script>

해결안되는 것은 사진처럼 안되네요

@마젠토 마크다운 에디터를 다운받아보질 않아서 몰랐는데 이 에디터는 view.skin.php에도 관여를 하는군요.
split 화면에서 사용되기 때문인 것 같네요. 처음부터 이렇게 생각을 안해봐서 방법을 찾는 제 과정이 틀렸네요.

@무와보 앗 가지고 계신준 알았네요..

@마젠토 쪽지와 링크 잘 받았습니다 ^^ 오후에 설치해서 잘 살펴보겠습니다~

@무와보 이번주중으로 수정된 버전 나오면 알려 드리겠습니다. Vditor는 npm run build만 하셔서 dist만 카피하시면 됩니다.