2014-09-11 4 views
0

Rails 4.1의 간단한 모델에 코드를 저장하고 싶습니다. 지금은 ACE 데이터를 내 모델의 텍스트 필드에 입력하는 Rails 양식 텍스트 영역에 저장합니다. 그러나 내 인덱스보기에서 코드를 표시하려고하면 코드에 줄 바꿈 및 서식이 제거됩니다. jQuery-ace에 대한 설명서에서는 ACE 인스턴스에 대한 액세스에 대해 이야기하지만 실제로 레일즈 모델과 함께 사용하는 방법이나 사용법에 대해서는 잘 모르겠습니다. 이 문서의 코드입니다 :ACE 코드 편집기 데이터를 레일스 모델에 저장하는 방법은 무엇입니까?

// Decorator 
var decorator = $('.my-code-area').data('ace'); 

// ACE Code Editor instance 
var aceInstance = decorator.ace; 

나는이 줄 바꿈 등의 서식을 "코드"를 포함하는 특별한 자바 스크립트 객체를 반환 생각합니다. Rails를 사용하여 모델에 해당 정보를 캡처 한 다음 다른 곳에서보기를 되돌릴 수 있습니까?

은 현재이 같은, form_for 레일의 편집기를 인스턴스화하고 있습니다 :

<%= f.text_area :content, class: "my-code-area", rows: "8", style: "width: 100%" %> 

<script> 
    $('.my-code-area').ace({ theme: 'twilight', lang: 'ruby' }) 
</script> 

내가 앞서 언급 한 자바 스크립트를 사용하고 또한 그 함께 내 레일 모델, 또는 무언가에 약간의 자바 스크립트 객체를 추가해야합니까 윤곽? 또는 내보기를 할 때 ACE를 사용해야합니까?

답변

0

ACE는 코드 텍스트 레이아웃의 서식을 지정하기 때문에 모델 입력 내용을 변경하면 안됩니다.

<div class="my-code-area"> 
    <%= model.code_attribute %> 
</div> 

<script> 
    $('.my-code-area').ace({ theme: 'twilight', lang: 'ruby' }) 
</script> 
+2

내가 이런 식으로 일을 함께 문제를 발견

당신은뿐만 아니라 index보기에 코드를 형식으로 말할 필요, 그것은 같은 <div>

뭔가를 지원합니다. 특히 페이지를 제출하려고 할 때. 내용을 저장하지 않는 것 같습니다. – user532339

관련 문제