wangEditor 편집기 에서 html 그림 정보 문 제 를 분석 합 니 다.

JS 에 서 는 innerHTML 속성 설정 이나 표 줄 의 시작 과 끝 탭 사이 의 HTML 을 되 돌려 주 는 방법 이 있 습 니 다. 즉, 우 리 는 이 속성 을 이용 하여 문자열 을 html 코드 로 변환 하면 해석 할 수 있다.
그 다음 에 우 리 는 페이지 로 딩 이 완 료 된 후에 편집기 에서 그림 과 글 정 보 를 직접 볼 수 있 습 니 다.

{ {main.data.Content}}

 
js 코드:
var E = window. wangEditor var gEditor = new E ('\ # editor') / 개 로 '사진 업로드' 를 표시 할 수 있 는 tab gEditor. customConfig. uploadImgShowBase 64 = true / / base 64 로 그림 저장 / / 또는 var editor = new E (document. getElement ById ('editor'))/ / 붙 여 넣 기 스타일 의 필터 gEditor. customConfig. pasteFilterStyle = false / / 붙 여 넣 기 내용 의 그림 gEditor. customConfig. pasteIgnoreImg = false gEditor. create () 무시
/ / 배경 에서 가 져 온 데 이 터 를 편집기 에 표시 하여 var info 1 = document. getElement ById ("Content"). value 를 수정 할 수 있 도록 합 니 다.document.getElementById("info2").innerHTML=info1;
 
 
요약:
html (), text (), innerhtml (), value () 등 네 가지 각자 의 역할;
html (): HTML 내용 변경;
문법:

$(selector).html(content)

html()          HTML      （innerHTML）。

실례:

$("p").html("W3School");
text（）:  :     
      ：

$(".btn1").click(function(){
  $("p").text("Hello world!");
});

     

text () 방법 은 선택 한 요소 의 텍스트 내용 을 설정 하거나 되 돌려 줍 니 다.
텍스트 내용 되 돌리 기
이 방법 은 값 을 되 돌려 주 는 데 사 용 될 때 일치 하 는 모든 요소 의 텍스트 내용 을 되 돌려 줍 니 다 (HTML 표 시 를 삭제 합 니 다).
문법

$(selector).text()
innerhtml():

     

innerHTML 속성 설정 이나 표 줄 의 시작 과 끝 탭 사이 의 HTML 을 되 돌려 줍 니 다.
문법

tablerowObject.innerHTML=HTML
value():

정의 와 용법
value 속성 은 암호 필드 의 기본 값 을 설정 하거나 되 돌려 줍 니 다.
보안 을 고려 하여 일부 브 라 우 저 는 자바 스 크 립 트 코드 가 value 속성 을 읽 는 것 을 막 을 수 있 습 니 다.
문법

passwordObject.value=text

 
InnerHtml () 과 html () 의 차이
 
HTML 문서 에서 우 리 는. html () 방법 으로 임의의 요소 의 내용 을 얻 을 수 있 습 니 다.선택 기 가 하나 이상 의 요소 와 일치 하면 첫 번 째 요소 와 일치 하 는 HTML 내용 만 가 져 옵 니 다.
 
innerHTML 은 대상 의 시작 위치 부터 종료 위치 까지 의 모든 내용 입 니 다. Html 탭 을 포함 합 니 다.
 
나 는 원래 innerHTML 과 jquery 의 html 가 완전히 같다 고 생각 했 는데, jquery 는 내 가 한 번 문 제 를 만 날 때 까지 쓸데없는 짓 을 했다.
예제 보기:
 코드 는 다음 과 같 습 니 다:
var tbody=document.createElement('tbody'); tbody. innerHTML = 'IE 아래 tbody 의 innerHTML 은 읽 기만 합 니 다'; /IE 에서 오 류 를 보고 하고 대상 이 잘못 되 었 습 니 다.
지금 jquery html 로 해 보 세 요.
 코드 는 다음 과 같 습 니 다:
$(tbody). html ('IE 아래 tbody 의 innerHTML 은 읽 기 전용');
IE 에서 jquery 로 정확하게 표시 되 는 것 을 발 견 했 습 니 다. 문제 없습니다. 나중에 자 료 를 찾 아 보 니 IE 에서 tbody, tr 등 innerHTML 은 모두 읽 기 전용 이 고 쓰기 가 허용 되 지 않 으 며 다른 브 라 우 저 에 서 는 문제 가 없다 는 것 을 알 게 되 었 다. jquery 에 서 는 try, catch 로 검 측 했 습 니 다. 잘못 보고 하면 catch 에서 this. empty (). append (value) 를 다시 호출 합 니 다. append 를 통 해 문자열 을 추가 합 니 다. jquery innerHTML 사용 방법 $("\ # responsediv") 는 Jquery 대상 입 니 다. Val () 은 Value 속성 에 대한 할당 이 의미 가 없습니다. Jquery 는 innerHTML 이라는 속성 이 없습니다. $("\ # responsediv") [0]. innerHTML = msg 를 쓰 면 이 Dom 대상 이 innerHTML 을 사용 할 수 있 습 니 다.
 
IE 에 있 는 어떤 요소 의 innerHTML 은 읽 기만 합 니 다.
IE6, IE7, IE8, IE9 에서 col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, tr 이 몇 개의 innerHTML 속성 은 읽 기만 하고 값 을 부여 할 수 없 으 며 값 을 부여 하면 스 크 립 트 가 잘못 보 고 됩 니 다.IE 10 이 라벨 들 의 innerHTML 은 쓸 수 있 는 것 으로 바 뀌 었 다.
 
IE6 - IE9 에서 이 태그 들 의 innerHTML 속성 은 읽 기만 하 는 것 이 므 로 우 리 는 이 태그 들 의 innerHTML 속성 에 대한 할당 을 피 할 수 있 습 니 다. 예 를 들 어 table 의 innerHTML 에 대해 table 부모 요소 (div 라 고 가정) 의 innerHTML 속성 에 대한 할당 으로 바 꿀 수 있 습 니 다.
 
 
html () 함수 의 장점
innerHTML 속성의 단점 을 보면 jQuery 에서 html () 함수 의 장점 을 알 수 있 습 니 다. 이것 은 모든 탐색 을 호 환 하 는 것 입 니 다. html 5 태그 가 지원 하지 않 는 문제 가 존재 하지 않 습 니 다. href, src 속성 이 전환 되 는 문제 가 존재 하지 않 습 니 다. 일부 태그 가 html 문자열 을 설정 하지 못 하 는 문제 가 존재 하지 않 습 니 다. 전체적으로 한 마디 로 모든 것 을 사용 하면 걱정 이 없습니다. 적어도 기능 의 실현 에 있어 서 는 이 렇 습 니 다.
 
html () 함수 의 단점
보아하니 jQuery 의 html () 함 수 는 완벽 하고 무한 한 것 같 습 니 다. 그렇지 않 으 면 완벽 함 은 기능 적 으로 만 표 현 됩 니 다. IE 를 포함 한 모든 브 라 우 저 를 호 환 합 니 다.그러나 하필 IE 이기 도 합 니 다. 호 환 되 었 음 에 도 불구 하고 성능 이 좋 지 않 습 니 다. html () 함수 로 빅 데이터 양의 html 문자열 을 설정 하면 재앙 이 될 것 입 니 다.

 
다음으로 전송:https://www.cnblogs.com/qiu2841/p/9036936.html