에디터를 예시로 삼은 간단한 프론트엔드 아키텍처 경험&코딩 팁_자바스크립트 기술
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
- 2016-05-16 18:15:291173검색
비교적 거칠고 단순합니다. 관심있는 학생들은 살펴보시면 됩니다. 주요 내용을 올려보겠습니다: 
첫번째 ppt의 주요 내용입니다. 구체적인 내용은 많이 올리지 않겠습니다. 이런 부분에 관심이 있는 학생들은 다운받아서 살펴보시면 됩니다. 예시로 에디터 기반의 ppt이므로 execCommand 명령어를 사용하여 간단한 데모도 첨부하겠습니다. 편집기의 원리는 데모에서 볼 수 있습니다. 여기에 첨부된 코드는
코드를 복사하세요. 코드는 다음과 같습니다.
🎜> head>
con = $CE('
'),
self = this;
for (var i=0; ivar btn = $CE('' c[i][1] '')
bar.appendChild(btn)
btn.onclick = (function(i){
return function () {
self.action(c[i][0]);
}
})(i)
if (! "v1") {btn.unselectable = ' on'} // IE에서는 unselectable = 'on'으로 설정해야 합니다.
}
this.t.parentNode.insertBefore(wp, this.t)
con.appendChild(this.t) ;
con.appendChild(this.i);
wp.appendChild(con)
this.e = this.i.contentWindow.document .i.contentDocument;
this.e.designMode = 'on';
this.e.open()
this.e.close();
액션: function (cmd, val) {
this.e.execCommand(cmd, 0, val || null)
}
}
파일 패키지 다운로드 주소self = this;
for (var i=0; i
bar.appendChild(btn)
btn.onclick = (function(i){
return function () {
self.action(c[i][0]);
}
})(i)
if (! "v1") {btn.unselectable = ' on'} // IE에서는 unselectable = 'on'으로 설정해야 합니다.
}
this.t.parentNode.insertBefore(wp, this.t)
con.appendChild(this.t) ;
con.appendChild(this.i);
wp.appendChild(con)
this.e = this.i.contentWindow.document .i.contentDocument;
this.e.designMode = 'on';
this.e.open()
this.e.close();
액션: function (cmd, val) {
this.e.execCommand(cmd, 0, val || null)
}
}
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.