finding “line-breaks” in textarea that is word-wrapping ARABIC text

by

Well, instead of finding the line breaks (which is virtually impossible) you can force them into the textarea, using this function:

function ApplyLineBreaks(strTextAreaId) {
    var oTextarea = document.getElementById(strTextAreaId);
    if (oTextarea.wrap) {
        oTextarea.setAttribute("wrap", "off");
    }
    else {
        oTextarea.setAttribute("wrap", "off");
        var newArea = oTextarea.cloneNode(true);
        newArea.value = oTextarea.value;
        oTextarea.parentNode.replaceChild(newArea, oTextarea);
        oTextarea = newArea;
    }

    var strRawValue = oTextarea.value;
    oTextarea.value = "";
    var nEmptyWidth = oTextarea.scrollWidth;
    var nLastWrappingIndex = -1;
    for (var i = 0; i < strRawValue.length; i++) {
        var curChar = strRawValue.charAt(i);
        if (curChar == ' ' || curChar == '-' || curChar == '+')
            nLastWrappingIndex = i;
        oTextarea.value += curChar;
        if (oTextarea.scrollWidth > nEmptyWidth) {
            var buffer = "";
            if (nLastWrappingIndex >= 0) {
                for (var j = nLastWrappingIndex + 1; j < i; j++)
                    buffer += strRawValue.charAt(j);
                nLastWrappingIndex = -1;
            }
            buffer += curChar;
            oTextarea.value = oTextarea.value.substr(0, oTextarea.value.length - buffer.length);
            oTextarea.value += "\n" + buffer;
        }
    }
    oTextarea.setAttribute("wrap", "");
}

This function get ID of textarea and whenever there is word wrap, it push new line break into the textarea. Run the function in the form submit and you will get the text with proper line breaks in the server side code.

Tested successfully for IE, Chrome and Firefox feel free to see for yourself here: http://jsfiddle.net/yahavbr/pH79a/1/ (The preview will show the new lines)

More Related Contents:

  1. How to get the caret column (not pixels) position in a textarea, in characters, from the start?
  2. Creating a textarea with auto-resize
  3. Rendering HTML inside textarea
  4. How to get selected text from a textbox control with JavaScript
  5. How to impose maxlength on textArea in HTML using JavaScript
  6. How to add line breaks to an HTML textarea
  7. How to insert text into the textarea at the current cursor position?
  8. Chrome counts characters wrong in textarea with maxlength attribute
  9. How do you get the cursor position in a textarea?
  10. Highlight text inside of a textarea
  11. Use tab to indent in textarea
  12. textarea character limit
  13. How to get number of rows in using JavaScript?
  14. Understanding what goes on with textarea selection with JavaScript
  15. Limiting number of lines in textarea
  16. How FileReader.readAsText in HTML5 File API works?
  17. jQuery – select all text from a textarea
  18. how to get the value of a textarea in jquery?
  19. Inserting text at cursor in a textarea, with Javascript
  20. Dynamically Scrolling a Textarea
  21. How to read line by line of a text area HTML tag
  22. Finding number of lines in an html textarea
  23. Get the offset position of the caret in a textarea in pixels [duplicate]
  24. Twitter bootstrap – Focus on textarea inside a modal on click
  25. Javascript detect scrollbar in textarea
  26. Set cursor to specific position on specific line in a textarea
  27. How to select line of text in textarea
  28. How do I make a textarea an ACE editor?
  29. Max characters in textarea with jquery
  30. Find caret position in textarea in pixels [duplicate]

Leave a Comment