에디터 (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 폴더 내에 파일이 있는 것도 확인했습니다.

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

회원로그인

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