Code666 (代码贴、代码片段)

[JavaScript] 在线代码 ace api →→→→→进入此内容的聊天室

来自 , 2020-07-13, 写在 JavaScript, 查看 109 次.
URL http://www.code666.cn/view/4837ba5c
  1. <script type="text/javascript">
  2.     (function() {
  3.         var editor1 = ace.edit("editor1", {
  4.             theme: "ace/theme/monokai",
  5.             mode: "ace/mode/html",
  6.             wrap: true,
  7.             autoScrollEditorIntoView: true,
  8.             enableBasicAutocompletion: true,
  9.             enableSnippets: true,
  10.             enableLiveAutocompletion: true
  11.         });
  12.         var editor2 = ace.edit("editor2", {
  13.             theme: "ace/theme/monokai",
  14.             mode: "ace/mode/css",
  15.             autoScrollEditorIntoView: true,
  16.             enableBasicAutocompletion: true,
  17.             enableSnippets: true,
  18.             enableLiveAutocompletion: true
  19.         });
  20.         var editor3 = ace.edit("editor3", {
  21.             theme: "ace/theme/monokai",
  22.             mode: "ace/mode/javascript",
  23.             autoScrollEditorIntoView: true,
  24.             enableBasicAutocompletion: true,
  25.             enableSnippets: true,
  26.             enableLiveAutocompletion: true
  27.         });
  28.         var submit = document.querySelector('#submit');
  29.         submit.addEventListener('click', function() {
  30.             var htmlValue = editor1.getValue();
  31.             var cssValue = editor2.getValue();
  32.             var jsValue = editor3.getValue();
  33.             var htmlStr = '<!DOCTYPE html>' +
  34.                 '<html>' +
  35.                 '<head>' +
  36.                 '<meta charset="utf-8" />' +
  37.                 '<title>代码测试</title>' +
  38.                 '<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>' +
  39.                 '<meta name="format-detection" content="telephone=no" />' +
  40.                 '<meta name="apple-mobile-web-app-status-bar-style" content="black" />' +
  41.                 '<meta name="apple-mobile-web-app-capable" content="yes" />' +
  42.                 '<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>' +
  43.                 '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>' +
  44.                 '<style type="text/css">' +
  45.                 cssValue +
  46.                 '</style>' +
  47.                 '<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js">' +
  48.                 '</' +
  49.                 'script>' +
  50.                 '<script type="text/javascript">' +
  51.                 'new window.VConsole();' +
  52.                 '</' +
  53.                 'script>' +
  54.                 '</head>' +
  55.                 '<body>' +
  56.                 htmlValue +
  57.                 '<script type="text/javascript">' +
  58.                 jsValue +
  59.                 '</' +
  60.                 'script>' +
  61.                 '</body>' +
  62.                 '</html>';
  63.             document.getElementById('preview').srcdoc = htmlStr;
  64.         })
  65.     })()
  66.  

回复 "在线代码 ace api"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666