前提・実現したいこと
HTML,Javascript,python,djangoを利用してWEBシステムを作成しています。
HTMLとして表示する内容が、Javascriptのスクリプトで作られる際に、python,Djangoで作られるテンプレートタグの値をJavascriptのスクリプト内で利用する事はできるでしょうか?
また、できる際はどのような方法があるのかご教授いただけないでしょうか?
このようにしたいという、イメージのコードは以下のとおりです。
コメントアウトしている①と②の部分が対象の箇所です。
あくまでもイメージのコードです。
HTML
1{% load custom_tags %} 2 3<!DOCTYPE html> 4<html> 5<head> 6 <script> 7 document.addEventListener('DOMContentLoaded', function () { 8 var calendarEl = document.getElementById('calendar'); 9 10 var calendar = new FullCalendar.Calendar(calendarEl, { 11 plugins: ['resourceTimeline'], 12 header: { 13 left: 'today prev,next', 14 center: 'title', 15 right: 'resourceTimelineMonth,resourceTimelineYear' 16 }, 17 defaultView: 'resourceTimelineMonth', 18 resourceLabelText: 'Rooms', 19 resources: [ 20 {id: 'a', title: 'データA',}, 21 {id: 'b', title: '{{ data_from_django }}',},//①値の出力 22 {id: 'c', title: '{% data_from_custom_template %}',},//②制御文データの出力 23 ], 24 }); 25 calendar.render(); 26 }); 27 </script> 28</head> 29<body> 30<div id='calendar'></div> 31<p>{{ data_from_django }}</p> # 出力結果:データB 32<p>{% data_from_custom_template %}</p> # 出力結果:データC 33</body> 34</html>
回答1件
あなたの回答
tips
プレビュー