vditor 마크다운 에디터 적용방법 처음부터 끝까지 다 적어봤습니다. 정보
vditor 마크다운 에디터 적용방법 처음부터 끝까지 다 적어봤습니다.관련링크
본문
기본 소개
편집 모드 바꾸기
이미지 드래그 앤 드롭 멀티 업로드 기능
모든 경우의 수를 다 따져봐야되니 진짜 힘드네요 ㅋㅋㅋ
일단 그누보드 순정에서는 게시판 관리에서 들어갔을 때 에러나는 것 이외에는 문제 없는 것 같습니다.
게시판 관리에서 상단 하단 내용관리를 꼭 써야할 떄만 스마트에디터나 cheditor를 쓰면 되겠습니다.
상단 하단 내용관리를 안쓰면 vditor를 주력으로 써도 될 것 같습니다.
나리야빌더에서는 에러가 전혀 없었구요.
한번 써보세요! 좋아요!
@마젠토 님 앞으로도 잘 부탁해요!
그누보드 5.4 나리야 빌더에서 적용 예시입니다 : https://aced.ga/free/52
악보, 수학 수식, 마인드맵, 차트 등 출력이 가능합니다.
추천
1
1
댓글 11개
공식 데모 : https://hacpai.com/guide/markdown
음성 녹음, 그누보드 원본 썸네일 기능, 사진 클릭시 원본 출력 기능 <= php 잘하시는 분이 수정해 주셔야 (즉 그누보드쪽에서 수정 필요.)
그누보드 순정에 에디터 2개 지원예정으로 해결됩니다.
default.css를 수정하지 마시고 아래처럼 해당 스킨쪽에 넣어주세요
.vditor-reset pre {
overflow: auto;
}
다운로드는 git을 설치하시고 아래와 같이 (git을 생활화 해야 ㅎㅎ)
git clone https://github.com/vanessa219/vditor
cd vditor
npm install or yarn
npm run build or yarn build
음성 녹음, 그누보드 원본 썸네일 기능, 사진 클릭시 원본 출력 기능 <= php 잘하시는 분이 수정해 주셔야 (즉 그누보드쪽에서 수정 필요.)
그누보드 순정에 에디터 2개 지원예정으로 해결됩니다.
default.css를 수정하지 마시고 아래처럼 해당 스킨쪽에 넣어주세요
.vditor-reset pre {
overflow: auto;
}
다운로드는 git을 설치하시고 아래와 같이 (git을 생활화 해야 ㅎㅎ)
git clone https://github.com/vanessa219/vditor
cd vditor
npm install or yarn
npm run build or yarn build
@마젠토
1. 공식 데모 바꿔야겠네요.
2. 음성 녹음, 그누보드 원본 썸네일 기능, 사진 클릭시 원본 출력 기능이 그누보드 에디터 2개 이상 지원하면 쉽게 될까요?
3. 제가 CSS는 몰라서 ㅎㅎ 해당 내용 추가할게요!
4. 저도 git pull 쓰는데.. 초보 분들에게 git 까지 써야된다고 하면 좌절할까봐..
1. 공식 데모 바꿔야겠네요.
2. 음성 녹음, 그누보드 원본 썸네일 기능, 사진 클릭시 원본 출력 기능이 그누보드 에디터 2개 이상 지원하면 쉽게 될까요?
3. 제가 CSS는 몰라서 ㅎㅎ 해당 내용 추가할게요!
4. 저도 git pull 쓰는데.. 초보 분들에게 git 까지 써야된다고 하면 좌절할까봐..
공식 데모 바꾸기 완료
CSS 수정 완료
GIT 내용 추가 완료
CSS 수정 완료
GIT 내용 추가 완료
저도 보고 따라해 볼거예요~
짝짝짝
감사합니다
감사합니다
@선구자 생각보다 고칠게 많지만 괜찮은 것 같습니다.
한가지 아쉬운건 악보 출력시 MIDI도 같이 나오면 어떨까 하는 점입니다.
기능은 있는데 표현을 못해서 사용을 못하고 있습니다.
선구자님 아시면 알려주세요 ㅎㅎ
한가지 아쉬운건 악보 출력시 MIDI도 같이 나오면 어떨까 하는 점입니다.
기능은 있는데 표현을 못해서 사용을 못하고 있습니다.
선구자님 아시면 알려주세요 ㅎㅎ
넵 감사합니다~^^