에디터 (TinyMCE) 1.1.0 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 다양한 기능을 추가하기 쉽습니다.

에디터 (TinyMCE) 1.1.0 정보

에디터 (TinyMCE) 1.1.0

첨부파일

tinymce-stand.1.1.7z (3.1M) 149회 다운로드 2023-07-13 08:57:26 포인트 차감100
테스트한 버전5.5.8.3.1
호환 가능 버전5.5 이상

본문

23-06-29 - 플러그인 ace 코드편집용 에디터 추가

23-06-28 - 이미지 저장 경로 변경 (data/editor)

 

위지웍에디터 TinyMCE 6.5.1 최신 버전 적용된 에디터 입니다. 

다운받은 후 /plugin/editor 에 업로드 하세요. 

그누보드 관리자에서 tinymce-stand 로 설정하세요.

게시판, 관리자, 영카트등에 모두 적용됩니다.

 

Ace 코드 편집기(https://ace.c9.io/)를 적용하여 소스 버튼을 클릭하면 아래와 같이 편집이 가능합니다.

3553042157_1688011395.9479.png

 

3553042157_1688011447.8298.png

 

 

재배포 금지

 

추천
6

댓글 전체

안녕하세요
게시판 제목과 본문 글자를 키우고 싶은데 어디를 수정하면 될까요.
/skin/board/basic/style.css
theme/[테마명]/skin/board
여러군데 찾아봤는데
style.css 파일은 찾을 수 없었습니다.
chatGPT 한테 물어봤습니다.
Tinymce에서 엔터를 눌렀을 때 `<p>` 태그 대신 `<br>` 태그를 사용하도록 설정하려면, `forced_root_block` 옵션과 `force_br_newlines` 옵션을 사용해야 합니다.

다음은 Tinymce 초기화 설정에서 해당 옵션들을 추가하는 예제입니다:

```javascript
tinymce.init({
  // 기타 옵션들...
  forced_root_block: false, // <p> 태그 사용하지 않음
  force_br_newlines: true, // 엔터를 <br> 태그로 변경
  force_p_newlines: false, // <p> 태그로 감싸지 않음
});
```

위의 설정은 `<p>` 태그를 사용하지 않고, 엔터를 `<br>` 태그로 변경하며, `<p>` 태그로 감싸지 않도록 설정합니다.

이제 Tinymce에서 엔터를 눌렀을 때 `<br>` 태그가 생성되고, `<p>` 태그는 사용되지 않을 것입니다.

안된다면 gpt한테 다시  물어보세요;;
글쓰기시 따라오는 퀵 메뉴에서 파일 첨부시 한글파일명 이미지는 잘 첨부가 되는데 메뉴에서 이미지 삽입으로(모달창) 업로드시 한글파일명 이미지는 http 400 에러가 나네요. 해결 방법이 있을까요?
와 스마트에디터2만 쓰다가 이 에디터 써보니 정말 좋네요.
스마트에디터2에서는 자바스크립트를 사용했는데 아무래도 해당 에디터는 보안때문에 자바스크립트를 차단한거 같은데 혹시 진서기님 혹시 글내부 자바스크립터 허용하려면 어떻게 해야 하나요? (사이트 특성상 자바스크립트가 꼭 필요합니다. ㅠㅠ)
에디터만 수정해서 될게 아닙니다. 


Tinymce 6에서 본문 내용에 자바스크립트를 허용하려면, `valid_elements` 또는 `extended_valid_elements` 옵션을 사용하여 허용할 요소와 속성을 지정해야 합니다. 자바스크립트 코드를 포함하는 `<script>` 태그를 허용하려면, 해당 태그와 `src` 속성을 포함하는 속성을 추가해야 합니다.

다음은 `valid_elements`를 사용하여 자바스크립트 코드를 허용하는 예제입니다:

```javascript
tinymce.init({
  // 기타 옵션들...
  valid_elements: 'script[src|type]',
});
```

위의 예제에서는 `<script>` 태그와 해당하는 `src` 및 `type` 속성을 허용하도록 설정하고 있습니다.

만약 더 복잡한 자바스크립트 코드를 허용해야 한다면, `extended_valid_elements`를 사용하여 자세한 허용 요소 및 속성을 지정할 수 있습니다.

```javascript
tinymce.init({
  // 기타 옵션들...
  extended_valid_elements: 'script[type|async|defer|src|charset]',
});
```

위의 예제에서는 `<script>` 태그와 해당하는 `type`, `async`, `defer`, `src`, `charset` 속성을 허용하도록 설정하고 있습니다.

위의 코드에서 `valid_elements` 또는 `extended_valid_elements`를 필요에 맞게 수정하여 자바스크립트 코드를 허용하는 옵션을 설정할 수 있습니다. 그러나 주의할 점은, 자바스크립트 코드를 허용함으로써 보안상의 문제가 발생할 수 있으므로, 사용자로부터의 입력을 신중하게 처리하고 적절한 보안 대책을 구현하는 것이 중요합니다.

chatGPT 한테 물어봤습니다. editor.lib.php 파일에 적용해 보세요.
에디터는 아니고 게시판인듯 합니다. 판매가 저조한 앱들은 판매 중단하였습니다. ㅠㅠ

이 에디터는 그누보드용이라 그누보드 기반 빌더에서는 모두 사용 가능합니다.
안녕하세요...맞습니다. 게시판이네요...착각했습니다. 죄송합니다
당시에 게시판 기능이 워낙 좋아서 구매를 했고 에디터도 좋았던 것 같습니다
이 에디터를 아미나에 한번 설치해보고 피드백하겠습니다
안녕하세요
정말 좋은 플러그인 공유 해주셔서 감사 드립니다.
한가지 물어 볼게 있어서요
혹시 폰트 어디서 추가를 해야 하나요
노토산스 나눔고딕 등 이것을 좀 추가 하고 싶어서요
모바일에서 에디트 메뉴는 좌우 스크롤입니다. 짤리는게 아닙니다.

plugin/editor/tinymce/editor.lib.php

파일 mobile 부분에 설정 수정하면 됩니다.

  mobile: {
    menubar: 'false',
    plugins: 'lists autolink image',
    toolbar: 'undo redo bold italic image | fontfamily fontsize | alignleft aligncenter alignright alignjustify'
  },
감사합니다.
이 에디터 사용하면서 모바일에서도 글이 제대로 보여서 이 에디터로 바꾸게 되었습니다.

1. 저는 초보자인데.... 수정이 겁나는데요.
무료 웹폰트 네이버등등 몇개만 넣어서 패치해주시면 안될까요?

2. 그리고 엔터치면 br로 되게 하는 것도 필요합니다. ㅠㅠ

3. 인용문 쌍따옴표 크게 / 작게 들어가는 것이랑,
박스로 인용 처리 하는 것은 안되나요?
혹시 더보기누르면 에모지라는게 있던데 그거 추가하면 내용에는???물음표로 나옵니다 에모지부분을 삭제하려면 어느부분을 수정해야할까요?

다크모드를 적용하려고 tinymce.init 를 아래와 같이 수정했는데...

 

 tinymce.init({

    selector: '#{$id}',

    language:'ko_KR',

    height: 600,

    skin: 'oxide-dark',

    content_css: 'dark',

 

6a8d41fd83030d61a1eceb6efd916485_1713699127_3848.png

 

skin은 적용되는데 content 부분이 적용이 안 되네요... 혹시 뭐가 잘 못 됐는지 아는 분 계신가요?

 

다른 건 손 안댔고 skin, content_css 부분만 건드렸습니다.

\tinymce-stand.1.1\skins\content\dark 폴더 내에 파일이 있는 것도 확인했습니다.

전체 504
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT