Git Product home page Git Product logo

smarteditor2's Introduction

SmartEditor2

npm Build Status codecov

Overview

SmartEditor™ 는 JavaScript로 구현된 웹 기반의 WYSIWYG 편집기입니다.

WYSIWYG 모드 및 HTML 편집 모드와 TEXT 모드를 제공하고, 자유로운 폰트 크기 설정 기능, 줄 간격 설정 기능, 단어 찾기/바꾸기 기능 등 편집에 필요한 다양한 기능을 제공하므로 사용자들은 SmartEditor™를 사용하여 쉽고 편리하게 원하는 형태의 글을 작성할 수 있습니다.

또한, SmartEditor™의 구조는 기능을 쉽게 추가할 수 있는 플러그인 구조로 되어 있어 정해진 규칙에 따라 플러그인을 만들기만 하면 됩니다.

User Guide

사용자 가이드에서는 SmartEditor2 의 특징과 기능을 소개합니다.

또한, 설치 방법과 기능의 추가/삭제 방법도 알 수 있습니다.

Demo

아래 데모페이지 에서는 SmartEditor2.0 이 제공하는 다양한 기능을 바로 체험해 볼 수 있습니다.

Supported Browsers

  • Internet Explorer 8.x 이상
  • Firefox 3.5 이상
  • Chrome 4.0 이상
  • Safari 4.0 이상

License

Third-party libraries

The following third-party libraries are used :

Read More

smarteditor2's People

Contributors

kant avatar kyungilpark avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

smarteditor2's Issues

스마트에디터 적용 하려고 하는데요.

검색해서 나오는 이전 링크 들이 죄다 네이버개발자 센터 메인으로만 넘어 가네요.
사용자 가이드 보고 얼추 기본 처리는 했는데요.
본문 이미지 처리 부분 소스가 없어서요.
해당 부분 내용 확인 좀 부탁 드립니다.

스마트에디터 사용 명시 관련

안녕하세요.
스마트 에디터를 사용해서 웹페이지를 만드려고 하는데 공지사항에 보면

2 외부에 SmartEdior Basic가 포함된 S/W를 배포혹은 판매 하고자 하는 경우 주의 사항
a. SmartEditor Basic 가 사용됐음을 반드시 고지 해야 합니다
b. SmartEditor Basic 가 LGPL V2 라는 사실도 함께 고지 해야 합니다

이런글이 있더라고요.

외부에 SmartEdior Basic가 포함된 S/W 의 범위와

a. SmartEditor Basic 가 사용됐음을 반드시 고지 해야 합니다
b. SmartEditor Basic 가 LGPL V2 라는 사실도 함께 고지 해야 합니다

이 고지를 어떤식으로 하는지 예시가 있으면 알려주시면 감사하겠습니다.

하이퍼 링크에 대한 A 태그 자동 삽입 이슈 문의

안녕하세요.

  1. 버전 정보
  • SmartEditor 2.3.10.O11329
  1. 이슈 내용

1

HTML 탭에서 자바스크립트 코드에 http://www.google-analytics.com/analytics.js라는 URL을 넣은 후
Editor 탭을 누른 후 저장 하였습니다.

3

저장 후 확인 결과 입력한 URL을 a 태그로 감싸도록 자동으로 처리가 되었는데요.

http://www.google-analytics.com/analytics.js

혹시 해당 기능에 대해 끌 수 있는 옵션이 있는지 혹은 해결 방법이 있는지 답변 부탁 드리겠습니다.

감사합니다.

에디터 상단의 버전 표시 삭제 방법

안녕하세요.
에디터를 붙이면 에디터 바로 위에 아래같은 버전이 자동으로 붙어서 표시됩니다.

Version: 2.9.0.4a256db

제가 뭔가 잘못했을까 해서 안에 포함되어 있는 샘플페이지를 확인해도 똑같이 버전이 표시됩니다.

왜 버전을 자동으로 표시되도록 해놓으셨는지 잘 모르겠고,
삭제할 수 있는 방법이 있나요?

Bower 지원

TODO 목록에 있던데...Bower 지원 부탁드립니다.

photo_uploader 로 첨부하면 본문에 이미지가 2개 붙습니다.

alert 로 찍어봐도
opener.nhn.husky.PopUpManager.setCallback(window, 'SET_PHOTO', [oFileInfo]);
는 한번만 실행이 되는것 확인은 했습니다.
이미지를 1개 올리면 에디터창에 같은이미지 가 2개가 붙습니다.
이미지 a,b 2개 올리면
에디터창에
a,b,a,b 이렇게 4개가 붙습니다....

기본글꼴 어떻게 바꾸나요?

너무 작습니다.. 커뮤니티가보면 그런 불만들이 엄청많은데, 기본 글꼴 바꾸는 방법좀 알려주시면 좋겠습니다.
크기를 바꾸고 싶습니다

editor\smart\css\smart-editor2.css에
span 영역을 바꾸어주기도하고,
smart-editor2_in.css에 px부분을 변경하였는데도 들어가보면 그대로네요;;

가이드문서 업데이트

현재 사용자가이드가 github이전과 v2.9.0버전 릴리즈로 인한 변경사항을 반영하지 못하고 있다.
현재 버전을 반영된 가이드 문서 업데이트 및 전반적인 문서 보강이 필요함

  • github이전으로 인한 현 사용자가이드의 데드링크 수정
  • 현 사용자가이드에 v2.9.0 변경사항 반영
  • 가이드 개편
    • 현 사용자가이드 문서형식 개선
    • 개발자가이드 추가
    • 컨트리뷰션가이드 추가

이미지 퀵 에디터 기능 없는건가요?

소스에는 분명 포함된것 같은데

첨부된 이미지를 눌러도 안나타 나네요.

레이어만 살아있고 관련 스크립트는 삭제되어 있나요?

단축키로 써야하나..

이미지 클릭하면 나타나는 이미지 퀵 에디터 어떻게 쓰는지 알려주세요..

툴바에 사진 버튼이 없네요.

안녕하세요.

여기 깃허브에서 다운 받아서 jsp 에 정상적으로 로드는 됬는데

툴바에 사진 버튼이 없네요.

SmartEditor2Skin.html

파일에 봐도 li 태그로 사진이 없네요.

js 파일도 뒤져봤더니 제가 못찾은 건지 안보여서 추가 하려면 어떻게 해야 하는지 여쭤봅니다.

사용자 가이드에는 버튼이 나와 있더군요.

스마트 에디터 2 v3 이슈사항 문의

스마트 에디터 2를 적용하여 사용중입니다.
로컬 v3에서 스마트에디터 js 호출 시 취약코드로 인식하고 있습니다.
3.0 버전이 아직 release 안된 것으로 보이는데, 어떻게 해결하면 될까요?

스마트 에디터 textarea 한컴돋움 없애려면?

스마트 에디터에서 글 작성시 자동으로 textarea 안에 한컴돋움 이 생성이 됩니다.

mso-fareast-font-family: 한컴돋움;

이것을 빼보려고 소스파일들을 보았지만 소스파일에는 없는 것 같고요.
어떻게 해야 뺄수 있을 까요?

한글은 상관이 없는데 중국어나 다른 언어 사용시 정상으로 나오지 않는것 같아서 문의 드립니다.

<> 태그 삽입 자동으로 변경안되게???

안녕하세요.

스마트에디터(Version: 2.9.0.4a256db)에서
글작성할때 <안녕하세요>태그를 넣으면 html탭에는 &lt;안녕하세요&gt;로 들어가 있는데..

저장하면 <안녕하세요>로 바뀌어 버리네요.
&lt;안녕하세요&gt; 이대로 db에 저장하는 방법은 없을까요???

감사합니다.

다국어 변환 질문드립니다.

안녕하세요.

깃에 제공해주신 소스에서 다국어 처리 업데이트를 해주셔서 사용하려고합니다.

우선 SmartEditor2.html 파일에서
var sLang = "ja_JP";
sSkinURI: "SmartEditor2Skin_ja_JP.html"

이부분을 수정을 하면 적용이 되는건가요?

수정을하면 폰트 이름이 바뀌질 않습니다.
다른 부분은 일본어로 수정이 되어있는데 폰트부분만 돋움(あいうえお) 이런식으로 되어있습니다.
실제 코드를보면 NanumGothic(あいうえお) 이렇게 되어있는걸로 확인이 되는데..
다국어 처리 방법좀알려주셨으면 감사하겠습니다 ㅠㅠ

특정 browser 에서 jindo 프레임웍 관련 문제가 있어 문의 드립니다.

게시판에 에디터를 적용하여 개발 중입니다.
한 화면에서 최초 글쓰기/수정모드에서 작성/게시글 상세조회를 한번에 하게되어서
에디터 부분을 숨겼다 보였다 하는 기능을 넣었습니다.
또한 파일도 여러건 upload 하는 기능도 추가 중입니다.

크롬에서는 에디터가 모두 잘 뜨지만, 익스플로러(11ver) 에서 수정모드로 이동시 에러가 나고 에디터를 볼 수 없습니다. 글쓰기 모드에서는 잘 보입니다.

jindo_component.js
jindo2.all.js
jindo.min.js

위 js 파일을 모두 js/lib 파일에 넣어보았지만 같은 오류가 납니다.

제발 ㅠ꼭 확인 부탁드립니다. ㅠ

이미지 업로드에 관해서...

안녕하세요?
이번 스프링 프로젝트에 스마트 에디터2 적용중입니다.

사진 업로드 기능을 추가 중에 있는데요.
밑의 질문 글 보고 ul을 추가하여 아이콘은 보입니다.
(SmartEditor2Skins.js에서 저는 614와 615라인 사이에 넣었습니다.)

인터넷에서 이것저것 찾아봤는데 저는 photo-uploader. js가 없더라고요..

그런데 사용자가이드 ( http://naver.github.io/smarteditor2/user_guide/ )에서
설치하기/다운로드/배포 파일 다운로드 주소로 들어가니 네이버 개발자 메인페이지로 가서,
깃에서 파일 다운받았습니다.

그렇게 해서 적용 하다보니,
사용자가이드 배포 파일 다운로드 밑에 있는
배포 파일 구성이 다른걸 알겠더군요. quick-photo-uploader폴더가 없더라고요..
관련 js파일도 못 찾겠고,

혹시 다른데서 받을 수 있거나
예제 샘플 코드를 볼 수 있을까요..?

아직 실력이 없어 기본적인 질문으로 귀찮게 해드려 죄송합니다... ㅠㅠ
감사합니다~!

iframe embed 태그 제거 부분 관련 질문 입니다.

스마트에디터2.9 버전에서인지 그전에인지는 모르겠으나
2.8.2 > 2.9로 바로 업데이트 적용했습니다.

헌데 , SE2BasicCreator.js 파일에서 iframe,embed 등 일부 태그를 에디터에서 강제 삭제하네요.
보안관련해서 패치된건 알겠는데

허용 도메인을 너어서 정규식에서 체크되도록 하면 될듯한데
방법이 어떻게 되는지요.

무작정 저 태그들을 지우기만하면.. 영상 삽입 기능을 적용할 수 없어서 말이죠..

스프링시 이미지 업로드 문제

안녕하세요. 어제 사진 버튼 없네요? 라고 했던 사람입니다. ㅋ

답변 주셔서 적용 시켰는데요.

문제가 발생해서 여쭤봅니다.

지금 현재 스프링을 사용 중인데(버전 3)

이미지 업로드 시에 스프링에서 인터셉터가 있으면 파일이 생성은 되는데 사이즈가 0 이 되더라구요.

인터셉터 없애고 하면 정상적으로 생성 잘 되구요.

현재 국가별 언어 설정 때문에 인터셉터를 뺄수 없는 상황인지라...

혹시 인터셉터 사용시에도 가능한 방법이 없는지 여쭤봅니다. ㅎ

드래그 파일 업로드

드래그 파일 업로드시 업로드한 파일을 제대로 읽어들이지 못합니다.
다른 프로젝트에서 구현했을때는 해당 경로에 파일이 제대로 만들어졌는데,
현재 작업중인 프로젝트에서는 빈파일만 만들어지는데
이런 경우 어느 부분을 수정해야 되나요..?

이미지 태그 삭제

안녕하세요.
현재 스마트 에디터를 잘 사용중에 있습니다. ㅎㅎ
근데 이번에 추가 해야할 부분이 생겨서 질문 드립니다.
제가 스마트 에디터 상에서 이미지를 업로드 할때 본문에도 이미지가 삽입되고
따로 리스트를 만들어서 업로드한 이미지를 하나씩 볼 수 있게 하고 있는데요.
여쭤보고 싶은건 본문상에서가 아닌 리스트에서 이미지를 삭제할때 본문상에서도 하고 싶어서요.
해당 이미지 태그를 지워주면 될듯한데. 감이 잘 안잡히네요.
스마트 에디터 기능 중 찾아 바꾸기를 이용하려고 했는데 그것도 잘 안되구요..
그리고 이 반대도 가능할지 싶네요.
본문상에서 이미지를 지우면 이미지 명을 받아온다던가 해서 리스트에서 지울수 있게요.
이미지 명만 받아오면 가능할텐데... 아직 많이 부족합니다. ㅜ.ㅠ

IE에서 셀을 드래그 했을때 셀 선택이 안됩니다.

크롬이나 엣지 등에서는 동작하는데 IE에서 셀 선택이 안되어서 병합이나 색상 지정을 할수가 없습니다.
IE에서도 스마트에디터 데모페이지에서는 셀 선택이 동작하지만 제가 설치한 페이지에서 동작하지 않고 네이버 블로그에서도 테스트 해 본 결과 셀 선택이 되지 않는것 같습니다.

글 작성 후 스타일(폰트,크기,서식) 변경 시 개행 문제

안녕하세요 네이버.
우선 좋은 에디터를 제공해 주셔서 감사합니다.
클라이언트 사이트에 적용하여 잘 사용하고 있었는데 다음과 같은 피드백이 있어서 문의 드립니다.

환경

  1. SE 버전 : 2.8.2.O12056
  2. 브라우저 : Chrome 56.0.2924.87
  3. OS : windows 10

재현 방법

  1. 전체 글을 작성합니다.
  2. 일부 텍스트에 볼드/밑줄 등 스타일 적용.
  3. 전체 텍스트를 드래그하여 폰트 크기 변경.

입력 텍스트 예시

image

출력 텍스트

image

볼드 처리 한 텍스트를 <b> 태그로 감싼 이후 폰트 크기 변경 시 <span>태그가 적용되는 부분이 <b>태그 앞뒤로 나뉘어 적용되어 생기는 문제 같습니다.
사용상에 주의를 요하면 피할 수 있는 문제이지만 혹시나 도움을 받을 수 있을까 하여 이슈를 납깁니다.

행복하세요 네이버

자동 div 추가 밑 p 태그 추가 막을순 없나요?

처음 글을 작성할때는 상관이 없는데 db에서 내용을 가져온 후 따로 내용을 수정하지않고
에디터에 써진 내용을 다시 가져와서 확인해보면 처음 내용을 div태그로 감싸고
p태그가 추가되어집니다.. 이때 p태그가 추가된걸 그대로 db에 저장해서 다시 호출하니

?

로 나오더군요..

이래저래 확인해보면 db내용을 에디터에 추가하면 커서가 우선 자동 개행되는데 그때 p태그가 추가
되고 그대로 바로 db에 저장을 다시 하면

?

이렇게 저장되는거 같습니다.

자동으로 div태그생성과 자동개행으로 생기는 p태그를 안생기게 하고싶은데 어떻게 해야하나요?

textarea 포커싱 문제요

포커스가 잡혀야하는데 잘 안되네요 예제 이런거 있을까요? 방법좀 알려주세요 ㅠㅠ

본문 글쓸때 커서위치 포커싱 이슈

스마트에디터 2.0를 포함한 게시판 솔루션 '망보드'를 사용하고 있습니다.

본문 글쓸때, 커서위치에 포커싱이 되는데요.
처음에 쓸때는 좋은데, 다 쓴 이후에 확인 버튼을 누르려 하단으로 스크롤 해서 내리면..
다시 화면이 현재 커서로 포커싱되어, 두번 내려야하는 현상이 발생하고 있습니다.
해당 부분 확인 가능할까요.

영상 첨부드립니다.
https://youtu.be/pmFDceN8ses

사용자 가이드 및 배포파일구성에 대해..

안녕하세요.
jsp에 스마트에디터2.0을 적용 시키려고 하는데,

사용자 가이드( http://naver.github.io/smarteditor2/user_guide/ )에서의 내용과 살짝 달라서
제가 잘못 하고 있나 싶어서 문의 남깁니다.
제가 지금 뜨는 오류는 Cannot read property 'parentNode' of null 이라고 HuskyEZCreator.js에서 오류가 나요 (Object.nhn.husky.EZCreator.createInIFrame)

사용자 가이드안, 설치하기/다운로드/배포 파일 다운로드 주소는 네이버 주소로 되어 있는데, 아닌거 같고..

그리고, 배포 파일 다운로드 밑에 배포 파일 구성도 다른것 같아요..
제가 git에서 바로 clone 다운로드 했거든요(dist폴더를 써야할지, workspace 폴더를 써야할지도 모르겠습니다...) ㅠ

실력이 없어서 기본적인 것도 질문하게 되네요 ㅠㅠ

답변 부탁드리겠습니다. 감사합니다~

네이버 에디터 엔터 시 p태그

안녕하세요.

네이버 스마트 에디터 사용 중입니다.

현재 textarea에 에디터 에디터를 적용해서 사용하고 있습니다.(총 3개의 textarea)

엔터를 치지 않고 값을 저장하면

태그가 붙지 않는데

엔터를 치고 텍스트를 저장하면 각 줄 마다

태그로 감싸더군요.

인터넷에 찾아봐서

smarteditor2의

function _setLineStyle(div, sStyleName, styleValue){
if(!div){
bWrapperCreated = true;

	// try to wrap with P first
	try{
		div = thisRef.oSelection.surroundContentsWithNewNode("");  <!-- 이부분(원래 "p")
	// if the range contains a block-level tag, wrap it with a DIV
	}catch(e){
		div = thisRef.oSelection.surroundContentsWithNewNode("DIV");
	}
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

/**

  • @pluginDesc Enter키 입력시에 현재 줄을 P 태그로 감거나
    태그를 삽입한다.
    */
    nhn.husky.SE_WYSIWYGEnterKey = jindo.$Class({
    name : "SE_WYSIWYGEnterKey",

    $init : function(sLineBreaker){
    if(sLineBreaker == "BR"){
    this.sLineBreaker = "BR"; <!-- 이 부분? 기존 "P"
    }else{
    this.sLineBreaker = "BR";
    }

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

SE2BasicCreator.js의

oEditor.registerPlugin(new nhn.husky.SE_WYSIWYGEnterKey("BR")); // 엔터 시 처리, 현재는 P로 처리

이 부분을 br로 바꾸어 줬는데 여전히

태그를 감싸더군요 해결방법이 없나요??

IE에서 이미지업로드 시 커서 위치와 무관하게 맨 위에 삽입됩니다.

크롬에서는 정상적으로 커서 위치에 등록되지만 IE에서는 커서 위치를 잃어버리고 최상단에 이미지 태그가 업로드 됩니다.

이와 관련하여 검색해보면 IE의 문제점 중 한 가지라는데 해결할 방법이 없는건가요?

과거 네이버가 smarteditor2를 사용할 때 카페나 블로그에서도 같은 현상이 있었다던데

현재 네이버에선 이와 같은 현상이 발생하지 않네요

어떤 방식으로 해결 가능할까요?

jindo라이브러리 파일 누락시 안내문구 수정

현재 jindo라이브러리가 누락되면 다음과 같은 안내문구를 노출하고 있음

parent.document.body.innerHTML="진도 프레임웍이 필요합니다.<br>\n<a href='http://dev.naver.com/projects/jindo/download'>http://dev.naver.com/projects/jindo/download</a>에서 Jindo 1.5.3 버전의 jindo.min.js를 다운로드 받아 /js 폴더에 복사 해 주세요.\n(아직 Jindo 2 는 지원하지 않습니다.)";
  1. 현재 릴리즈버전은 jindo 특정버전(1.5.3)에 디펜던시가 없기 때문에 문구 수정이 필요함
  2. jindo 다운로드 경로 수정이 필요함

복사해 넣은 게시판 글 시작과 끝에 ? 생기는 이슈

줄간 ? 생겨서 이 오류는 잡았는데
게시한 글을 복사하여 붙여 넣기 했을경우
붙여넣은 시작과 끝에   ? 이런식으로 (HTML모드로 확인시) 생성되어 저장했을때 ?가 보이는 현상이 발생하고 수정하려고 하면 스크립트 오류가 납니다..혹시 원인 또는 해결방법이 잇을까요?

angularjs1 적용

angularjs1 에 ckeditor 를 사용하다가 smarteditor2 를 사용하고싶은데

어떻게 적용해야할지모르겠습니다

조언좀부탁드립니다

이미지 파일명을 DB에 넣고 싶어요.

현재 스프링+마이바티스를 이용해 프로젝트를 만드는 중입니다.

지식이 너무 부족하여
http://roqkffhwk.tistory.com/202
이 블로그를 참고(거의 배끼듯)하여 게시판을 만들고 있습니다.

사진이 정상적으로 서버 upload폴더에 저장되었고
그 후, 에디터 상에 업로드된 파일이 표시되는 것도 정상적으로 이루어졌고
jsp파일내부에 content(textarea 이름) 내부에 작성된 text도 DB에 정상적으로 적용이 잘되었습니다만

업로드된 이미지파일명을 VO 객체에 담아서 DB로 보내고 새로 만들어질 view파일에서 불러올 생각입니다.

DB에 저장될 파일이름을 어디서 어떻게 구해와야할지 몰라서 3일째 고민중인데 도움좀 부탁드립니다.

아랍어 대응을 하고 싶습니다.

아랍어 대응을 위해 iframe 으로 생성되는 곳 안의 <html> 이나 <body> 에 property 로 dir="rtl" 을 넣고 싶습니다.

어떤 식으로 처리할 수 있을지 궁금합니다.

스마트 에디터 폰트 추가는 어떻게 하나요?

안녕하세요.

맑은 고딕 폰트를 넣고 싶은데,

aAdditionalFontSet 에 array 추가 하고,
aAdditionalFontList : aAdditionalFontSet 추가 하고,

혹시나 해서 smarteditor2.js에 addFont에도 추가해 봤는데 적용이 안됩니다.

혹시 다른 방법으로 추가를 해 줘야 하나요?

정렬을 하는데 ""가 안붙어요..

글자정렬에서 오른쪽정렬, 왼쪽정렬,가운데정렬,양쪽정렬을 하면요

style="TEXT-ALIGN: left" align=left>왼쪽
style="TEXT-ALIGN: center" align=center>가운데
style="TEXT-ALIGN: right" align=right>오른쪽
style="TEXT-ALIGN: justify" align=justify>양쪽

소스로 인식해서 P태그는 지울게요

이렇게 align에 ""가 없이 html 소스가 되는데.. 이게 웹접근성에 걸려서요.. 수정을 하려면 어디서 수정을 해야 할까요?

스마트에디터2 상대경로의 절대경로 전환 문제

SmartEditor Basic 2.0 을 사용 중입니다.

IE11 에서 호환성 보기를 체크했을 경우 나타나는 문제입니다.

HTML 소스 상에서 상대경로를 입력하고 Editor 탭을 누른 후 HTML 탭을 누르면 절대경로로 바뀌면서 Seditor 경로가 추가됩니다. ( ./images/test.jpg -> test.co.kr/Seditor/images/test.jpg )

크롬에서는 상대경로 그대로 남아있는데, IE11에 호환성보기 체크한 상황에서는 절대경로로 바뀌네요.

혹시 소스상에서 어느부분을 체크해봐야 할까요? 아시는 분들의 조언 부탁드립니다.

익스에서 주석 변환 제대로 처리 안됨.

이 문제는 크롬에서는 제대로 동작하지만, 익스에서는 처리가 제대로 안됩니다.
스마트에디터를 html 상태로 놓고, 다음 글은 문제 없이 입력이 됩니다.

<table>
  <tbody>
    <tr><td>
       <!-- 이런주석 가능-->
       하하하
    </td></tr>
</tbody>
</table>

그런데 아래와 같이 태그 안에 주석의 내용을 태그로 넣으면 처리가 안됩니다.

<table>
  <tbody>
    <tr><td>
      <!-- <p>이런주석 불가</p> -->
      하하하
    </td></tr>
  </tbody>
</table>

위의 안되는 주석은 크롬에서는 잘 동작합니다만,
익스 11에서는 잘 되지 않습니다.
어떤 문제 일까요?

스마트 에디터 아이프레임 문제.

에디터를 정상적으로 로드 했을때

<iframe src="smart_editor2_inputarea.html" id="se2_iframe" name="se2_iframe" class="se2_input_wysiwyg" width="400" height="300" title="글쓰기 영역 : 도구 모음은 ALT+F10을, 도움말은 ALT+0을 누르세요." frameborder="0" style="display: block; height: 312px; visibility: visible;"></iframe>

에디터를 로드 실패 했을때

<iframe src="about:blank" id="se2_iframe" name="se2_iframe" class="se2_input_wysiwyg" width="400" height="300" title="글쓰기 영역 : 도구 모음은 ALT+F10을, 도움말은 ALT+0을 누르세요." frameborder="0" style="display:block;"></iframe>

로드 실패했을때 콘솔 로그 에러메시지

Uncaught DOMException: Blocked a frame with origin "http://주소" from accessing a cross-origin frame.
at HTMLIFrameElement.eval (eval at (eval at (eval at (eval at (eval at (eval at (eval at (eval at (/inc/js/jquery.js?v=1.12.0:1:1)))))))), :66:38)

현재 이렇게 아이프레임에 smart_editor2_inputarea.html를 불러와 에디터를 불러와야 되는데
로드 실패했을때 저런식으로 에러메시지가 나옵니다. 어느부분을 확이해야 될까요?

아이프레임을 에디터 말고 같은화면에서 하나가 더있어서 충돌나는것인가요?
자세한 답변 부탁드리겠습니다.
감사합니다.

모바일에서 사용이 불가능한가요?

모바일에서 사용하기위해서 css 를 변경하는 편법도 있지만 높이에 따라 스크롤이 안되는 문제가 있습니다.

모바일에서도 사용가능한 방안이 없을까요?

이미지 퀵에디터 플러그인 포함 검토

이미지 퀵에디터 요구사항이 있었음 (#36)
네이버블로그에서 적용된 코드 일부 수정으로 오픈소스에 적용가능함이 확인되어 포팅된 플러그인을 오픈소스에 포함하는 방향 검토

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.