Insert markup only to the text textarea

boards/static/js/form.js

@@ -1,190 +1,190
 var ITEM_FILE_SOURCE = 'fileSource';
 var URL_STICKERS = '/api/stickers';
 var MIN_INPUT_LENGTH = 3;
 var URL_DELIMITER = '\n';
 
 $('input[name=image]').wrap($('<div class="file_wrap"></div>'));
 
 $('body').on('change', 'input[name=image]', function(event) {
     var file = event.target.files[0];
 
     if(file.type.match('image.*')) {
         var fileReader = new FileReader();
 
         fileReader.addEventListener("load", function(event) {
             var wrapper = $('.file_wrap');
 
             wrapper.find('.file-thumb').remove();
             wrapper.append(
                 $('<div class="file-thumb" style="background-image: url('+event.target.result+')"></div>')
             );
         });
 
         fileReader.readAsDataURL(file);
     }
 });
 
 var form = $('#form');
 $('textarea').keypress(function(event) {
     if ((event.which == 10 || event.which == 13) && event.ctrlKey) {
         form.find('input[type=submit]').click();
     }
 });
 
 $('#preview-button').click(function() {
     var data = {
-        raw_text: $('textarea').val()
+        raw_text: $('textarea#id_text').val()
     }
 
     var diffUrl = '/api/preview/';
 
     $.post(diffUrl,
         data,
         function(data) {
             var previewTextBlock = $('#preview-text');
             previewTextBlock.html(data);
             previewTextBlock.show();
 
             addScriptsToPost(previewTextBlock);
         })
 });
 
 /**
  * Show text in the errors row of the form.
  * @param form
  * @param text
  */
 function showAsErrors(form, text) {
     form.children('.form-errors').remove();
 
     if (text.length > 0) {
         var errorList = $('<div class="form-errors">' + text + '<div>');
         errorList.appendTo(form);
     }
 }
 
 function addHiddenInput(form, name, value) {
     form.find('input[name=' + name + ']').val(value);
 }
 
 function selectFileChoice() {
     var file_input = $('#id_file');
     var url_input = $('#id_file_url');
 
     var file_input_row = file_input.parent().parent();
     var url_input_row = url_input.parent().parent();
 
     file_input_row.toggle();
     url_input_row.toggle();
     url_input.val('');
     file_input.val('');
 
     var source;
     if (file_input_row.is(':visible')) {
         source = 'file';
     } else {
         source = 'url';
     }
     localStorage.setItem(ITEM_FILE_SOURCE, source);
 }
 
 $(document).ready(function() {
     var powDifficulty = parseInt($('body').attr('data-pow-difficulty'));
     if (powDifficulty > 0 && typeof SharedWorker != 'undefined') {
         var worker = new SharedWorker($('.post-form').attr('data-pow-script'));
         worker.port.onmessage = function(e) {
             var form = $('#form');
             addHiddenInput(form, 'timestamp', e.data.timestamp);
             addHiddenInput(form, 'iteration', e.data.iteration);
             addHiddenInput(form, 'guess', e.data.guess);
 
             form.submit();
             $('.post-form-w').unblock();
         };
         worker.onerror = function(event){
             throw new Error(event.message + " (" + event.filename + ":" + event.lineno + ")");
         };
         worker.port.start();
 
         var form = $('#form');
         var submitButton = form.find('input[type=submit]');
         submitButton.click(function() {
             showAsErrors(form, gettext('Computing PoW...'));
             $('.post-form-w').block({ message: gettext('Computing PoW...') })
 
-            var msg = $('textarea').val().trim();
+            var msg = $('textarea#id_text').val().trim();
 
             var data = {
                 msg: msg,
                 difficulty: parseInt($('body').attr('data-pow-difficulty')),
                 hasher: $('.post-form').attr('data-hasher')
             };
             worker.port.postMessage(data);
 
             return false;
         });
     }
 
     var $fileSourceButton = $('#file-source-button');
     if (window.localStorage) {
         var source = localStorage.getItem(ITEM_FILE_SOURCE);
         if (source == null) {
             source = 'file';
         }
         if (source == 'file') {
             $('#id_file_url').parent().parent().hide();
         } else {
             $('#id_file').parent().parent().hide();
         }
 
         $fileSourceButton.click(function() {
             selectFileChoice();
         });
     } else {
         $fileSourceButton.hide();
     }
 
     // Stickers autocomplete
     function split( val ) {
         return val.split(URL_DELIMITER);
     }
 
     function extractLast( term ) {
         return split(term).pop();
     }
 
     $('#id_file_1').autocomplete({
         source: function( request, response ) {
             $.getJSON(URL_STICKERS, {
                 term: extractLast( request.term )
             }, response);
         },
         search: function() {
             // custom minLength
             var term = extractLast( this.value );
             if (term.length < MIN_INPUT_LENGTH) {
                 return false;
             }
         },
         focus: function() {
             // prevent value inserted on focus
             return false;
         },
         select: function( event, ui ) {
             var terms = split( this.value );
             // remove the current input
             terms.pop();
             // add the selected item
             terms.push( ui.item.alias );
             // add placeholder to get the comma-and-space at the end
             terms.push("");
             this.value = terms.join(URL_DELIMITER);
             return false;
         }
     })
     .autocomplete( "instance" )._renderItem = function( ul, item ) {
         return $( "<li>" )
             .append( "<div>" + '<img src="' + item.thumb + '">' + '<br />' + item.alias + "</div>" )
             .appendTo( ul );
     };
 });

boards/static/js/panel.js

@@ -1,60 +1,60
 /*
  @licstart  The following is the entire license notice for the
  JavaScript code in this page.
 
 
  Copyright (C) 2013  neko259
 
  The JavaScript code in this page is free software: you can
  redistribute it and/or modify it under the terms of the GNU
  General Public License (GNU GPL) as published by the Free Software
  Foundation, either version 3 of the License, or (at your option)
  any later version.  The code is distributed WITHOUT ANY WARRANTY;
  without even the implied warranty of MERCHANTABILITY or FITNESS
  FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 
  As additional permission under GNU GPL version 3 section 7, you
  may distribute non-source (e.g., minimized or compacted) forms of
  that code without the copy of the GNU GPL normally required by
  section 4, provided you include this license notice and a URL
  through which recipients can access the Corresponding Source.
 
  @licend  The above is the entire license notice
  for the JavaScript code in this page.
  */
 
 /**
  * Add the desired characters to the start and end of selection.
  *
  * @param start Start (left) text
  * @param end End (right) text
  */
 function addMarkToMsg(start, end) {
-    var textareas = $('textarea');
+    var textareas = $('textarea#id_text');
 
     for (var i = 0; i < textareas.length; i++) {
         var textarea = textareas[i];
 
         if (document.selection) {
             textarea.focus();
 
             var sel = document.selection.createRange();
             sel.text = start + sel.text + end;
         } else if (textarea.selectionStart || textarea.selectionStart == '0') {
             textarea.focus();
 
             var startPos = textarea.selectionStart;
             var endPos = textarea.selectionEnd;
 
             var oldValue = textarea.value;
             textarea.value = oldValue.substring(0, startPos) + start +
                     oldValue.substring(startPos, endPos) + end +
                     oldValue.substring(endPos, oldValue.length);
         } else {
             textarea.value += start + end;
         }
     }
 
     return false;
 }