encode with json, remove debugs

Author: silverwind

templates/devtest/gitea-ui.tmpl

@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <link rel="stylesheet" href="{{AssetUrlPrefix}}/css/devtest.css?v={{AssetVersion}}">
-<div class="page-content devtest ui container" data-foo="{{print "a\r\nb"}}">
-	<script>console.log(JSON.stringify(document.querySelector('.page-content').getAttribute('data-foo')))</script>
+<div class="page-content devtest ui container">
 	<div>
 		<h1>Button</h1>
 		<div>

templates/repo/editor/edit.tmpl

@@ -38,10 +38,8 @@
 						data-url="{{.Repository.Link}}/markup"
 						data-context="{{.RepoLink}}"
 						data-previewable-extensions="{{.PreviewableExtensions}}"
-						data-value="{{.FileContent}}"
-						data="{{.FileContent}}"
-						data-foo="{{.FileContent}}"
-						data-line-wrap-extensions="{{.LineWrapExtensions}}">{{.FileContent}}</textarea>
+						data-initial-value="{{JsonUtils.EncodeToString .FileContent}}"
+						data-line-wrap-extensions="{{.LineWrapExtensions}}"></textarea>
 					<div class="editor-loading is-loading"></div>
 				</div>
 				<div class="ui bottom attached tab segment markup" data-tab="preview">

web_src/js/features/codeeditor.js

@@ -105,17 +105,19 @@ export async function createMonaco(textarea, filename, editorOpts) {
   monaco.languages.register({id: 'vs.editor.nullLanguage'});
   monaco.languages.setLanguageConfiguration('vs.editor.nullLanguage', {});
 
+  // The initial is encoded in JSON by the backend to prevent browsers from
+  // discarding \r during HTML parsing.
+  const value = JSON.parse(textarea.getAttribute('data-initial-value') || '""');
+  textarea.value = value;
+  textarea.removeAttribute('data-initial-value');
+
   const editor = monaco.editor.create(container, {
-    value: textarea.value,
+    value,
     theme: 'gitea',
     language,
     ...other,
   });
 
-  console.log(JSON.stringify(textarea.value));
-  console.log(JSON.stringify(textarea.getAttribute('data')));
-  console.log(JSON.stringify(textarea.getAttribute('data-foo')));
-
   const model = editor.getModel();
 
   // Monaco performs auto-detection of dominant EOL in the file, biased towards LF for