nck2/mytemplete.html

## mytemplete.html
{% load static%}
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>

<script type="text/javascript">
var content = [
    '![image](https://cloud.githubusercontent.com/assets/389021/16107646/9729e556-33d8-11e6-933f-5b09fa3a53bb.png)',
    '# Heading 1',
    '## Heading 2',
    '### Heading 3',
    '#### Heading 4',
    '##### Heading 5',
    '###### Heading 6',
    '    code block',
    '```js',
    'console.log("fenced code block");',
    '```',
    '<pre>**HTML block**</pre>',
    '* list',
    '    * list indented',
    '1. ordered',
    '2. list',
    '    1. ordered list',
    '    2. indented',
    '',
    '- [ ] task',
    '- [x] list completed',
    '',
    '[link](https://nhnent.github.io/tui.editor/)',
    '> block quote',
    '---',
    'horizontal line',
    '***',
    '`code`, *italic*, **bold**, ~~strikethrough~~, <span style="color:#e11d21">Red color</span>',
    '|table|head|',
    '|---|---|',
    '|table|body|'
  ].join('\n');

  var editor = new tui.Editor({
    el: document.querySelector('#editSection'),
    height: '300px',
    initialValue: content
  });

</script>
<script src="{% static 'tui-editor/dist/tui-editor-Viewer.js'%}"></script>
<link rel="stylesheet" href="{%static 'tui-editor/dist/tui-editor-contents.css' %}">


  </head>
  <body>
가나ㄷ

   <div id="editSection"></div>

{% for po in mydata%}

{{po.country}}
{{po.message}}
{%endfor%}
  </body>
</html>
	{% load static%}
	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8">
	<title></title>

	<script type="text/javascript">
	var content = [
	'![image](https://cloud.githubusercontent.com/assets/389021/16107646/9729e556-33d8-11e6-933f-5b09fa3a53bb.png)',
	'# Heading 1',
	'## Heading 2',
	'### Heading 3',
	'#### Heading 4',
	'##### Heading 5',
	'###### Heading 6',
	' code block',
	'```js',
	'console.log("fenced code block");',
	'```',
	'<pre>HTML block</pre>',
	'* list',
	' * list indented',
	'1. ordered',
	'2. list',
	' 1. ordered list',
	' 2. indented',
	'',
	'- [ ] task',
	'- [x] list completed',
	'',
	'[link](https://nhnent.github.io/tui.editor/)',
	'> block quote',
	'---',
	'horizontal line',
	'***',
	'`code`, italic, bold, ~~strikethrough~~, <span style="color:#e11d21">Red color</span>',
	'\|table\|head\|',
	'\|---\|---\|',
	'\|table\|body\|'
	].join('\n');

	var editor = new tui.Editor({
	el: document.querySelector('#editSection'),
	height: '300px',
	initialValue: content
	});

	</script>
	<script src="{% static 'tui-editor/dist/tui-editor-Viewer.js'%}"></script>
	<link rel="stylesheet" href="{%static 'tui-editor/dist/tui-editor-contents.css' %}">


	</head>
	<body>
	가나ㄷ

	<div id="editSection"></div>

	{% for po in mydata%}

	{{po.country}}
	{{po.message}}
	{%endfor%}
	</body>
	</html>