레일에서 풍부한 텍스트 편집을위한 가장 좋은 옵션은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/197708

문제

Admins가 지침을 변경하도록하기 위해 양식에 풍부한 텍스트 편집을 사용하고 싶습니다. 이 작업을 수행하는 가장 좋은 옵션은 무엇입니까?

더 명확하게 말해서 - 관리자는 기술적이지 않지만 마크 업을 사용하지 않거나 가능한 한 작은 마크 업으로 일부 형식을 제어하고 싶을 수 있습니다. 내가 원하는 것은 일부 서식 컨트롤을 특징으로하는 RTE로 모든 ajaxy를 인라인으로 편집 할 수 있다는 것입니다. 그런 다음 페이지를 변경하지 않고 최종 사용자에게 지침이 어떻게 보일지 제출하고 확인할 수 있습니다.

플러그인과 관련하여 특히 알고 싶은 것은 레일에 사용하기에 가장 적합한 풍부한 테스트 편집 플러그인입니다. 구현하기 가장 쉬운, 가장 명확한 API, 인라인 사용이 가장 쉬운 등 ...

도움이 되었습니까?

해결책

을 위한 텀블론, 우리는 시작했습니다 tinymce 그러나 우리는 야후로 전환하고 있습니다 풍부한 텍스트 편집기 Tinymce가 작동하는 방식과 풍부한 텍스트 편집기 문서와 기본 룩앤필이 우수하기 때문에 이상한 문제가 있었기 때문입니다.

둘 다 레일과 통합하기가 매우 쉽습니다 (결국 JavaScript 일뿐입니다). 플러그인이 있지만 실제로는 필요하지 않습니다.

다른 팁

나는 과거에도 비슷한 투쟁을 겪었고 Yui에 정착했습니다. 불행히도, 유아는 끔찍한 HTML에서 (적어도 나에게, 그리고 틀림없이, 나는 돌진하고 결코 재현하지 않았다) 결과를 얻지 못했다.

오늘 밤,이 게시물을 우연히 발견했을 때 나는 punymce를 발견했습니다. 그것에 대한 두 가지 멋진 점이 있습니다 : 1) 엄청나게 가벼운 (이름에서 알 수 있듯이), 2) 이미 만들어진 Rails 플러그인이 있습니다 : Github의 puny_mce.

문서는 내가 간과 한 몇 가지를 제외하고는 머리를 긁어 냈습니다.

  1. "사용법"에 오타가 있습니다. < %수율 : 헤드 %>는 < %= 수율 : 헤드 %>이어야합니다.
  2. 기본 도구 모음보다 더 많이 사용하려면 A) 사전 세트 프로파일 또는 B) 도구 모음 항목 및 해당 항목에 필요한 플러그인을 포함해야합니다. include_puny_mce 전화와 puny_mce 전화. 이것은 의미가 있습니다 include_puny_mce Javascript가 필요한 페이지를 지시하고 있으며puny_mce Call은 실제로 풍부한 편집기를 생성하는 데 필요한 JavaScript 출력을 구축하는 것입니다.

다음은 내가 보여주기 위해 함께 모은 예입니다.

<% content_for :head do %>
  <%= include_puny_mce :profiles => [:full] %>
<% end %>

<h1>New post</h1>

<% form_for(@post) do |f| %>
 <%= f.error_messages %>
 <%= f.label :title, "Title" %><br />
 <%= f.text_field :title %><br />
 <%= f.label :content, "Post Content" %><br />
 <%= f.text_area :content, :cols => 100 %>
 <%= puny_mce 'post_content', 'post_content', :profile => :full %>
 <p>
     <%= f.submit 'Create' %>
 </p>
<% end %>

이게 도움이 되길 바란다!

질문을 완전히 이해하는지 확실하지 않지만 어떤 편집기를 사용할 것인지 묻는다면 많은 옵션이 있으며 그중 어느 것도 레일 문제가 아닙니다. 작은 조각을 추가하여 사용할 수 있습니다. 마크 업에 자바 스크립트. 멋지고 최신 개요는 여기에서 찾을 수 있습니다. http://bulletproofbox.com/web 기반-rich-text-editors-compared/.

마크 업에 대해 비교적 간단한 구문을 제공하는 레일 용으로 구현 된 여러 템플릿 언어가 있습니다. 나는 이전에 Redcloth를 사용했는데, GEM의 섬유 구현 (http://redcloth.org/), 그리고 그것은 꽤 좋습니다. 액체와 같은 것들 (http://www.liquidmarkup.org/)는 조금 더 강력하여 템플릿이 실제로 데이터베이스 정보를 인라인으로 포함시킬 수 있습니다. 프로젝트의 요구에 따라 둘 다 잠재적으로 적합 할 것입니다.

이러한 솔루션 중 어느 것만으로도 내내 풍부한 텍스트 편집기를 제공하지는 않지만 드롭 인 솔루션이 무엇인지에 대한 백엔드에서 좋은 출발점이 아닙니다. 만약 당신이 관리자가 정보를 입력하게한다면, 나는 그들이 약간의 일반 텍스트 항목을 두려워하지 않을 것이라고 생각합니다.

밀라노의 답변의 링크는 깨졌습니다. 고맙게도 ajaxian.com은 게시물의 모든 다양한 RTE와 그 의견에 대한 링크로 게시물에 대한 좋은 요약을했습니다.

링크: http://ajaxian.com/archives/richtexteditors-compared

나는이 위협이 꽤 오래되었다는 것을 알고 있지만 몇 주 전에 몇 가지 좋은 옵션을 찾아 왔습니다. 그래서 다른 사람이 나와 같은 문제에 직면 한 경우 더 분개 한 응답을합니다. 그래서 제가 가장 좋아하는 편집자입니다 Froala (wysiwyg-editor 깨끗하게 보이고, 처리하기 쉽고, 내장 된 비디오, 사진 업로드, 파일 업로드를 지원하고, 반응 형 개발에 대한 지식없이 백엔드 사용자에게 간단하게 만들 수있는 지점까지 완전히 사용자 정의 할 수있는 Rails)를 사용하는 경우. 페이지에 올바르게 항목을 사용하여 완전히 반응합니다. 우리는 지금이 편집자를 사용하여 지금 많은 프로젝트를 사용했으며 고객은 그것을 좋아합니다.

문서는 만족 스럽지만 Rails 및 Django와 같은 프레임 워크와 함께 사용하는 경우 더 나을 수 있습니다 (우리와 마찬가지로). 그러나 나는 그것이 매월 개선되고 있다고 생각합니다.

또 다른 매우 유망한 편집자입니다 깃 (퀼 레일 레일을 사용하는 경우). 우리는 아직 프로젝트에 사용하지 않았지만 실험을했습니다. 더 많은 경험이 있으면 여기에 몇 가지 메모를 게시하고 SSC.

마지막으로, 반응 형 프론트 엔드 편집을하고 싶다면 살펴 보겠습니다. X- 편집. 데모를 확인하십시오 - 그것은 꽤 깔끔합니다!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top