2008-10-13 4 views
18

관리자가 지침을 변경할 수 있도록 서식에 서식있는 텍스트 편집 기능을 사용하고 싶습니다. 이 작업을 수행하는 가장 좋은 방법은 무엇입니까?Rails에서 서식있는 텍스트 편집을위한 최상의 옵션은 무엇입니까?

[더 명확하게하려면 관리자가 기술적이지 않지만 마크 업을 사용하지 않고 또는 가능한 작은 마크 업과 함께 일부 형식을 제어하려고 할 수 있습니다. 제가 원하는 것은 포맷팅 기능이있는 RTE를 사용하여 모든 AJAXy를 인라인으로 편집 한 다음 페이지를 변경하지 않고 최종 사용자에게 지침이 어떻게 표시되는지 확인할 수 있도록하는 것입니다.

플러그인에 관해서는 구체적으로 레일스에서 ​​사용하기에 가장 적합한 리치 테스트 편집 플러그인을 알고 싶습니다. 가장 구현하기 쉽고, 가장 명확한 API이며, 인라인 등을 사용하기에 가장 쉽습니다.]]

답변

11

Tumblon을 위해, 우리는 TinyMCE 시작하지만, 서식있는 텍스트 편집기 문서 및 기본 모양과 느낌이 우수하기 때문에이 TinyMCE에 근무 방식에 몇 가지 이상한 문제가 있었고, 때문에 우리는 야후의 Rich Text Editor로 전환된다.

둘 다 Rails와 매우 쉽게 통합됩니다 (결국 자바 스크립트입니다). 플러그인이 있지만 실제로는 필요하지 않습니다.

+0

기타 유용한 옵션으로는 [Trix] (https://github.com/basecamp/trix) (gem [여기] (https://github.com/maclover7/trix)) 및 [ckeditor] (https : // github.com/galetahub/ckeditor)는'carrierwave'와'cancancan'을 지원합니다. – Pietro

3

질문을 완전히 이해할 수 있을지 모르겠지만 사용할 편집기에 대해 묻는다면 많은 옵션과 없음이 있습니다. 그들 중 레일스의 문제입니다 - 당신은 단지 당신의 마크 업에 자바 스크립트의 작은 조각을 추가하여 그들 중 하나를 사용할 수 있습니다. 멋지고 최신의 개요는 http://bulletproofbox.com/web-based-rich-text-editors-compared/입니다.

편집 : 원래 링크가 작동하지 않아 google cachce 링크가 변경되었습니다.

+0

죄송합니다. 링크가 끊어졌습니다. 가능한 경우 업데이트하십시오. – JasonOng

+0

오. 사이트가 다운 된 것처럼 보입니다. 나는 google cachce 버전으로의 링크를 변경 했으므로 적어도 그 중 일부는 가지고 있습니다. –

2

마크 업에 대해 비교적 간단한 구문을 제공하는 레일용으로 구현 된 많은 템플릿 언어가 있습니다. 전에 RedCloth를 사용했는데, Textile (http://redcloth.org/)의 보석 구현이며, 꽤 좋습니다. Liquid (http://www.liquidmarkup.org/)와 같은 것들이 조금 더 강력하여 템플릿에 실제로 데이터베이스 정보를 인라인 할 수 있습니다. 프로젝트의 필요에 따라 두 가지 모두 잠재적으로 적합 할 수 있습니다.

이러한 솔루션 중 하나만으로는 서식있는 텍스트 편집기가 제공되지 않지만 드롭 인 솔루션이 될 수있는 백엔드의 시작점으로 적합합니다. 관리자 만 정보를 입력하도록하는 경우, 약간의 일반 텍스트 입력을 두려워하지 않을 것이라고 생각합니다.

6

내가 과거에 유사한 투쟁을 겪었는데, YUI에 정착했다. 불행히도, YUI 결과 (적어도 나를 위해, 그리고 솔직히 말해서, 나는 급히 훑어 보았고 결코 다시 생각해 내지 못했다), 끔찍한 html로.

오늘 밤,이 포스트를 발견했을 때 나는 PunyMCE를 발견했습니다. 거기에는 2 가지 멋진 것들이 있습니다 : 1) 엄청나게 가벼운 (이름에서 알 수 있듯이) 2) 이미 github에 puny_mce라는 레일 플러그인이 있습니다.> 헤드 %한다 : "사용"아래에 오타가

  1. 있다, <퍼센트 수율

    문서는 내가 간과 몇 가지를 제외하고, 충분/나 내 머리를 긁적했다 수 <퍼센트 = 수율 : 머리 %>는 기본 도구 모음보다 이상을 사용하려면 가) 사전 설정 중 하나를 프로파일을 포함하거나, 당신이 필요로하는

  2. b)는 툴바 항목에 대한 필수 플러그인에있는 항목모두 include_puny_mce 전화 및 puny_mce 전화. 이 의미가 - include_puny_mce입니다 가 필요로하는 자바 스크립트에서 페이지를 지시하고, puny_mce 호출이 실제로 에 필요한 자바 스크립트 출력이 풍부한 편집기를 생성 을 구축하고있다.

    <% 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 %> 
    

    내가 희망이 도움이 :

  3. 여기

내가 보여 조립 예입니다!

0

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

설명서가 만족 스럽지만 Rails 및 Django와 같은 프레임 워크에서 사용하는 것이 더 좋을 수 있습니다. 하지만 월간 기준으로 개선되고 있다고 생각합니다.

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

마지막으로 x-editable을보고 싶을 수도있는 응답 성있는 프런트 엔드 편집을 제공하거나 제공하려는 경우 데모를 확인하십시오 - 그것은 꽤 깔끔합니다!

관련 문제