軌道上的紅寶石 - 如何保持文本區域的文本格式？

Question

我該怎麼做？這有沒有寶石？如果說，我複製並粘貼格式化的文字到我的導軌應用程序，它不會保持格式，如換行符點等，所以我想知道我怎麼能實現這一點？謝謝。

Answer 1

看看CKEditor - 它是一個開源的HTML文本編輯器。

Answer 2

你需要simple format

返回文本用簡單格式化規則

一些示例

my_text = "Here is some basic text...\n...with a line break." 

simple_format(my_text) 
# => "<p>Here is some basic text...\n<br />...with a line break.</p>" 

Answer 3

轉化爲HTML我想你可能需要使用一個DIV/SPAN與contenteditable。

<div contenteditable="true"></div> 

注意，你不能直接提交內容的一個div，這樣你就可以監聽鍵盤事件keyup keypress click或只是形式submit，和HTML複製到表單元素。

<script type="text/javascript"> 
    window.onload = function() { 
     var myForm = document.getElementById('my-form'); 
     myForm.onsubmit = function(e){ 
      var myFormattedText = document.getElementById("my-formatted-text");   
      var htmlData = myFormattedText.innerHTML; 
      document.getElementById("my-html").value = htmlData; 
     } 
    } 
    // or with jQuery 
    /** 
    $(function(){ 
     $('form#my-form').bind('submit', function(){ 
      var htmlData = $("div#my-formatted-text", this).html(); 
      $('input#my-html', this).val(htmlData); 

     }); 
    }); 
    **/ 
</script> 


<form action="" id='my-form'> 
    <input type="hidden" name='my-html' id='my-html'> 
    <div contenteditable='true' id='my-formatted-text'></div> 
    <input type="submit"> 
</form>