Flash/Silverlight/Watever에서 WYSIWYG 리치 텍스트 편집기가없는 이유는 무엇입니까?

Question

또는 있습니까?

데스크톱 소프트웨어 개발자의 관점 (웹 개발자와는 반대)에서는 Flash 또는 Silverlight와 같은 풍부한 웹 응용 프로그램 플랫폼이 웹용 WYSIWYG 텍스트 편집기를 수행하는 데있어 더 나은 도구로 보입니다. 그들은 더 정교한 입출력, 데이터 표현 등을 할 수 있으며, 브라우저와 플랫폼을 통해 일관성을 유지합니다 (물론 Silverlight와 Moonlight는 아니지만 적어도 플래시는 될 것 같습니다).

여전히 개발자는 Javascript/DOM/HTML/CSS와 함께 모든 비 호환성, 차이점을 가지고 모든 특정 버크를 해결하고 이러한 기술을 원래대로 처리 할 수 ​​있도록 많은 노력을 기울이고 있습니다. 원래 할 수있을 것으로 여겨졌습니다.

일반적으로 허용되는 예외는 물론 웹 사이트에 Flash를 사용하면 안되는 몇 가지 일반적으로 받아 들여야 할 주장은 임베디드 비디오 플레이어입니다. 서식있는 텍스트 편집기는 어떻게 다른가요? "플래시 컨트롤은 고립 된 샌드 박스에 있습니다."- 보편적으로 WYSIWYG 편집기를 사용합니다. "플래시 컨트롤의 텍스트는 검색 엔진에 의해 색인 될 수 없다"- 편집자의 끊임없이 변화하는 저장되지 않은 콘텐츠를 색인하는 것을 신경 쓰는 사람들; "모든 사용자가 플래시를 설치할 수있는 것은 아닙니다"- 모든 브라우저에서 자바 스크립트를 사용할 수있는 것은 아닙니다.

WYSIWYG 편집기를 구현하기 위해 Flash에 비해 Javascript를 선택하면 어떤 점이 좋은가요? 다른 선택의 단점은 무엇입니까?

Answer 1

플래시 사람을 통해 자바 스크립트 구현 RTE 편집기의 주요 장점은 다음과 같습니다 당신은 자바 스크립트를

그들은이 꺼져없는

대부분의 사람들을 사용하는 플래시 플레이어가 필요하지 않습니다

• 일반적으로 풍부하고 내장 된 테이블과 같은 더 나은 기능
• 추가 기능, 이미지를 가지고 비디오를 제공 할 수
• 그들은 홍보 HTML 출력 준비 웹 콘텐츠로 사용

이 편집기를 직접 만드시겠습니까? 일반적으로 말하자면, 자바 스크립트에서 wysiwyg 편집기에 사용할 수있는 선택 사항은 오늘날 꽤 좋았습니다. 예 : fckeditor 및 tinymce을 확인하십시오. 그들은 모두 매우 인상적이며 각 릴리스마다 개선되고 다양한 시나리오에 적용될 수 있습니다.

이러한 기능을 구현하는 데 가장 최신 브라우저의 designmode/contenteditable div 및 iframe을 통해 상당히 좋은 지원이 있습니다. Flex 3는 단지 작업을 수행 할 수있는 단지 괜찮은 RichTextEditor과 함께 제공되지만 그다지 좋은 것은 아닙니다. 실버 라이트에 대한

Answer 2

는, 블로그, 포럼처럼 (당신이 자바 스크립트에서 웹에 대부분을 찾는 주된 이유는 사용자의 텍스트 입력을 필요로 주로 경제, 대부분의 사이트입니다이

http://www.vectorlight.net/controls/rich_textblock.aspx

Answer 3

를 살펴 또는 stackoverflow)는 HTML/Javascript로 작성됩니다. 따라서 사이트의 99 %를 구축 할 수있는 JS 프로그래머가있는 경우 왜 플래시 프로그래머를 불러 들여 다른 1 %를 빌드해야합니까?

하지만 그렇다고해서 그것이 존재하지 않는다는 의미는 아닙니다. 인기있는 플래시 사이트 중 하나에 대한 빠른 검색 결과 3 :

RTE1 | RTE2 | RTE3

그리고 FlashDen에서만 사용되었습니다. 검색 FlashComponents.net 또는 UltraShock.com, 또는 심지어 그냥 Google 및 판매 또는 무료 다운로드에 대한 더 많은 것을 보장합니다.

Answer 4

자바 스크립트 (designMode)를 사용하여 브라우저에서 풍부한 HTML 편집을 할 준비가 된 것입니다. 이것은 IE 5.5에서 (필자가 기억하는 한) Microsoft에서 시작한 다음 Mozilla/Firefox, Opera 및 Safari에서 가져 왔습니다. 브라우저는 HTML DOM 트리를 가지고있어 탐색하고 수정할 수 있습니다. 자바 스크립트 코드가 거의없는 브라우저에서 기본 (완전히 지연되었지만 여전히) HTML wysiwyg를 만들 수 있습니다. 그리고 나서 당신은 그것 (현대 자바 스크립트 wysiwygs가 한 대부분의)에 기능을 구축 할 수 있습니다.

Flash/Silverlight 개발자는 처음부터 시작하여이 모든 것을 구현해야합니다. 이 분야에서 Microsoft/Mozilla/Opera/등의 팀과 경쟁하기는 어렵습니다.

Answer 5

기술적으로 말해서, 기본적인 RTF 기능의 대부분 (시각적 인)이이 작업을 수행 할 수 없으므로이 작업을 수행 할 수 없다는 것은 아무것도 없습니다. 그러나 자동 이미지/텍스트 리플 로우 (예 : 이미지를 지정하고 텍스트를 감싸기를 원한다면 다소 수학 + 문자열 + 정규식 조작의 경우가 있습니다.) 쉽지 않음

Rendered 창 자체를 제외한 모든 것 (툴바 등, 누락 된 아이콘을 돕고 JS가 제공하는 것보다 예외 처리를 더 효율적으로 제어 할 수 있음).이 기능을 사용하면 WYSIWYG 창을 사용할 수 있습니다 실제로 브라우저 렌더링 엔진 자체) 및 기타 모든 요구 사항에 대한 Silverlight

우리는 향후 버전에서이 기능을 활성화하여 귀가 떨어지지 않는 방법을 찾고 있습니다.

Scott Barnes/Rich Platforms 제품 관리자/Microsoft.

Answer 6

여기 AS3의 경우 꽤 좋은 무료입니다. 의 contentEditable는 HTML 5 W3 사양에 있기 때문에

http://simplistika.com/as3-wysiwyg-rich-text-editor/

Answer 7

자바 스크립트 RTE의는 웹 표준이 될 것입니다. JavaScript RTE의 현재 메소드는 문서의 속성에서 designMode를 "on"으로 설정하는 것입니다. 이 문제는 전체 문서를 편집 할 수 있다는 것입니다. 따라서 대부분의 JavaScript RTE가 iFrame을 통해 편집기를로드하므로 parentModel이 아닌 "on"으로 설정된 iframe의 문서를 허용합니다.

현재 사용 가능한 JavaScript RTE의 단점은 이미지를 삽입하기 위해 사용자 인터페이스를 수정하는 것이 얼마나 중요한지 (중요하다고 생각되는 경우)입니다. 필자는 개인적으로 내장 된 인터페이스를 많이 신경 쓰지 않지만 아마도 문서를 읽는 데 충분한 시간을 할애했다면 원하는대로 수정할 수 있습니다. 예를 들어 데모에서 TinyMCE의 이미지 삽입 기능을 살펴본 다음 WordPress를 실행하고 수정 한 방법을 확인하십시오. (WordPress는 TinyMCE를 사용합니다).

나는 어떤 테스트도 실행하지 않았지만, 액션 스크립트 텍스트 영역에 타이핑하는 것과 같은 "느낌"은 느린 것 같습니다. 내가 달리고있는 또 다른 문제는 이미지를 추가하고 문서에서 그들을 움직일 수있는 능력이다.Adobe AIR에서도 WebKit 렌더링 엔진을 사용하기 때문에 사파리 브라우저 (WebKit도 사용)에서 잘 작동하는 JavaScript를 사용하여 RTE를 만들려고했지만 AIR를 통해로드 할 때 동작이 다릅니다.

전반적으로 좋은 솔루션은별로 없지만 대부분의 브라우저에서 아직 구현되지 않은 contentEditable과 관련이 있으며 현재 사용 가능한 RTE의 스크립트가 지나치게 복잡합니다.

자바 스크립트 RTE의 참조

:

TinyMCE에, 인 FCKEditor (CKEditor), YUI 2의 편집기, 당신은, 자신의 롤 기본적으로 자바 스크립트입니다의 execCommand()에 대한 자습서를 찾을하려는 경우 몇 가지 다른 사람이있다 메서드는 선택한 요소를 수정하거나 요소를 contentEditable 영역에 삽입하는 메서드입니다.

플래시 용 ... 잘 모르겠다. 좋은 구현이 많지 않다. Flex Text Editor조차도 다소 기본적이고 제한적이다. 가장 큰 단점은 두 플랫폼 모두에서 이미지를 수정하고 삽입하는 것이 얼마나 쉬운가하는 것입니다. 텍스트를 강조하거나 기울임 꼴로 표시하는 것과 같은 기본적인 작업을 수행하는 것이 간단하기 때문입니다.

Answer 8

MindScape을 여기에 실버 라이트를위한 WYSIWYG 리치 텍스트 편집기를합니다

http://www.mindscape.co.nz/products/SilverlightElements/controls/HtmlEditor.aspx

Answer 9

자바 스크립트 편집기의 가장 큰 장점은 자바 스크립트 고급 HTML 요소 (테이블, 수평 라인을 만들기위한 더 많은 가능성을 제공한다는 것입니다, 주문 목록 및 양식 요소). 그러나 대부분의 편집자는 designmode 및 contenteditable iframe을 사용하여 만듭니다. 이것은 실제 코드 생성이 자바 스크립트가 아닌 브라우저에서 발생하고 있음을 의미합니다. 각 브라우저는 서로 다른 HTML을 생성 할 수 있으며 원하지 않을 수 있습니다.

플래시 편집기는 기능이 부족하고 플래시가 필요하지만 플래시 웹 사이트를위한 완벽한 솔루션 일 것입니다. 자바 스크립트 편집기의 html 차이는 매우 귀찮을 수 있으며 flash-html이 지원하지 않는 기능은 해당 자바 스크립트 편집기에 있어서는 안됩니다. 또한 Flash는 html에서 사용되지 않는 다른 태그를 생성합니다. 예를 들어 태그는 flash-html/htmltext에서만 사용됩니다.

나는 자바 스크립트 편집기의 문제없이 가능한 모든 플래시 - HTML을 생성하는 편집기를 찾을 수없는이 문제가 발생했습니다. 그래서 나는 다음 사이트에서 찾을 수있는 자신을 만들었습니다 :
http://www.flashcomponents.net/component/hcs-rich-text-editor.html
그것은 플래시 html을 생성하고 필요한 경우 브라우저에서도 차이가없는 유효한 (x) html을 생성합니다.

간단히 말해 플래시가 아닌 웹 사이트의 경우 더 많은 가능성이 있으므로 자바 스크립트 편집기를 원할 것입니다. 플래시 웹 사이트의 경우 플래시 기반의 서식있는 텍스트 편집기에서 <textformat>.