<স্ক্রিপ্ট টাইপ = "পাঠ্য / টেমপ্লেট">… </ translation> এর ব্যাখ্যা

Question

আমি এমন কিছুতে হোঁচট খেয়েছি যা আমি এর আগে কখনও দেখিনি। ব্যাকবোন.জেএস-এর উদাহরণ টোডো অ্যাপ্লিকেশন ( ব্যাকবোন টোডো উদাহরণ ) এর উত্সে তাদের একটিতে টেমপ্লেট <script type = "text/template"></script>রয়েছে যা পিএইচপি থেকে বেরিয়ে জাভাস্ক্রিপ্ট ট্যাগ সহ কিছু কোড দেখাচ্ছে।

কেউ কি এটা আমাকে ব্যাখ্যা করতে পারে? এটা কি বৈধ?

Comments

দুর্দান্ত প্রশ্নোত্তর। আমি কেবল নতুন ইউইউআই অ্যাপ ফ্রেমওয়ার্ক কোডটিতে

— এমজেএম

ডাব্লু 3 সি ডকটিতেtype="text/tcl" আমি কী দেখেছি ? এটি কিভাবে ব্যবহার করতে? (আমি কি আর একটি প্রশ্ন জিজ্ঞাসা করব?)

— L01man

@ L01man হ্যাঁ, আপনার আর একটি প্রশ্ন করা উচিত।

— নেট গ্লেন

mjhm এর YUI লিঙ্কটি এখন এখানে: yuilibrary.com/yui/docs/app/app-todo.html

— জিপিভোস

Answer 1

এই স্ক্রিপ্ট ট্যাগগুলি টেম্প্লেটিং কার্যকারিতা (পিএইচপি এর মতো) প্রয়োগ করার একটি সাধারণ উপায় তবে ক্লায়েন্টের পক্ষে।

প্রকারটি "পাঠ্য / টেমপ্লেট" এ সেট করে, এটি কোনও স্ক্রিপ্ট নয় যা ব্রাউজারটি বুঝতে পারে এবং তাই ব্রাউজারটি এটিকে এড়িয়ে চলে। এটি আপনাকে সেখানে কোনও কিছু রাখতে দেয়, যা পরে বের করা যায় এবং কোনও টেম্প্লেটিং লাইব্রেরি দ্বারা এইচটিএমএল স্নিপেট তৈরি করতে ব্যবহার করা যেতে পারে।

ব্যাকবোন আপনাকে কোনও নির্দিষ্ট টেম্প্লেটিং লাইব্রেরি ব্যবহার করতে বাধ্য করে না - সেখানে বেশ কয়েকটি রয়েছে: গোঁফ , হামল , ইকো , গুগল ক্লোজার টেম্পলেট এবং আরও অনেক কিছু (আপনি যে উদাহরণটিতে লিঙ্ক করেছেন উদাহরণটিতে তিনি আন্ডারস্কোর.জেএস ব্যবহার করেছেন )। স্ক্রিপ্ট ট্যাগগুলির মধ্যে লেখার জন্য এগুলি তাদের নিজস্ব সিনট্যাক্স ব্যবহার করবে।

Comments

@ ম্যাট, ঠিক এটি। একই সাথে ব্যবহার করে পুরো পাঠ্য পুনরুদ্ধার করা সহজ .innerHTML, সুতরাং টেম্প্লেটিং ইঞ্জিনগুলির মধ্যে এখন এটি প্রচলিত অভ্যাস।

— ডেভিড টাং

ঠিক যে ঠিক চমত্কার খবর না! আমি এর মতো সমাধান খুঁজছি .. আপনার প্রতিক্রিয়া এবং ফলোআপের জন্য ধন্যবাদ!

— ম্যাট

হাই, এখানে বিভিন্ন ম্যাট। <স্ক্রিপ্ট টাইপ = "পাঠ্য / টেমপ্লেট"> একটি এইচটিএমএল যাচাইকরণের পরীক্ষায় পাস করবে?

— ম্যাট

<template />ট্যাগ প্রত্যাশায় । এইচটিএমএল 5 আরকস / en / টিউটোরিয়ালস / ওয়েবেকম্পোনেন্টস / স্টেম্পলেট এবং ক্যানিজিউজ.

— ভলকার ই।

হ্যালো ভবিষ্যত থেকে। <template>এখানে থাকলেও সাইটগুলি এখনও এই কৌশলটি ব্যবহার করছে যেমন রেডডিট ডট কম। : এফ

— ভিক্টর জামায়ানিয়ান

Answer 2

এটা বৈধ এবং খুব সহজ!

এটা চেষ্টা কর:

<script id="hello" type="text/template">
  Hello world
</script>
<script>
  alert($('#hello').html());
</script>

বেশ কয়েকটি জাভাস্ক্রিপ্ট টেম্প্লেটিং লাইব্রেরি এই কৌশলটি ব্যবহার করে। Handlebars.js একটি ভাল উদাহরণ।

Comments

আপনি jquery সহ কাঁচা জাভাস্ক্রিপ্টে এই সতর্কতাটি কীভাবে করবেন?

— কাঁপুন

@ ট্রিমর আপনি jquery ছাড়া কাঁচা জাভাস্ক্রিপ্ট মানে? এর মতো কিছু: var el = document.getElementById ('হ্যালো'); var html = el.textContent; সতর্কতা (HTML); (আপনাকে

— আইপি

@ এসজিটিপুকি ইয়া আমি ছাড়া বোঝাতে চাইছি, উত্তরের জন্য ধন্যবাদ। আমি সত্যিই যা করতে চাই তা হ'ল স্ক্রিপ্টটি একটি বাহ্যিক ফাইলের জন্য এসসিআর করা এবং এটি পাওয়া, তবে আমি পেয়েছি এটি সত্যিই সম্ভব নয় .. সুতরাং আমি এখন এজেএক্স এবং সকেট.ওয়েতে ডুব দিচ্ছি।

— কম্পন

@ ট্রিমর, আপনি ঠিক কী করতে চাইছেন তা আমি বুঝতে পারি না, তবে টেমপ্লেট হিসাবে চালনা বা বিশ্লেষণের জন্য বাহ্যিক ফাইলগুলি গতিশীলভাবে দখল করা অবশ্যই সম্ভব। প্রয়োজনীয়তাগুলি পরীক্ষা করে দেখুন।

— এসজিটিপুকি

@ ট্রিমর আপনি যদি বাহ্যিক ফাইলগুলি গতিশীলভাবে টানতে চান তবে আমি স্ক্রিপ্ট ট্যাগের চেয়ে এক্সএইচআর ব্যবহার করব। এক্সএইচআর প্লেইন এইচটিএমএল প্রতিক্রিয়াগুলি ... বা সেই বিষয়ে অন্য কোনও কিছুর সাথেও কাজ করে।

— জেরোইন ল্যান্ডহির

Answer 3

স্ক্রিপ্ট ট্যাগ typeব্যতীত অন্য কোনও সেট করে text/javascript, ব্রাউজারটি স্ক্রিপ্ট ট্যাগের অভ্যন্তরীণ কোডটি কার্যকর করে না। একে মাইক্রো টেম্পলেট বলে। এই ধারণাটি একক পৃষ্ঠার অ্যাপ্লিকেশনটিতে (ওরফে এসপিএ) ব্যাপকভাবে ব্যবহৃত হয়।

<script type="text/template">I am a Micro template. 
  I am going to make your web page faster.</script>

মাইক্রো টেমপ্লেটের জন্য, স্ক্রিপ্ট ট্যাগের ধরণ text/template। এটি খুব ভালভাবে জ্যাকুরির নির্মাতা জন রেসিগ দ্বারা ব্যাখ্যা করা হয়েছে http://ejohn.org/blog/javascript-micro-templating/

Comments

আপনি অন্তর্ভুক্ত দুর্দান্ত উত্স। সেই লিঙ্কটি আমাকে অনেক কিছু শিখিয়েছে।

— Rocktheartsm4l

Answer 4

Box9 এর উত্তর যুক্ত করতে:

ব্যাকবোন.জেগুলি আন্ডারস্কোর.জেএস এর উপর নির্ভরশীল, যা নিজে জন রেসিগের মূল মাইক্রোটোম্পলেটগুলি প্রয়োগ করে।

আপনি যদি ব্যালবোন.জেএসগুলি ব্যালসের সাথে ব্যবহার করার সিদ্ধান্ত নিয়ে থাকেন তবে জামিত রত্নটি পরীক্ষা করে দেখতে ভুলবেন না। এটি টেমপ্লেটগুলির জন্য সম্পদ প্যাকেজিং পরিচালনা করার জন্য খুব পরিষ্কার উপায় সরবরাহ করে। http://documentcloud.github.com/jammit/#jst

ডিফল্টরূপে জামমিট জেআরসিগের মাইক্রোটোটেমলেটগুলিও ব্যবহার করে তবে এটি আপনাকে টেম্প্লেটিং ইঞ্জিনটি প্রতিস্থাপন করতেও অনুমতি দেয়।

Comments

যোগ করার জন্য, ডকুমেন্টক্লাউড, যা জামমিট সরবরাহ করে, একই সংস্থাটি ব্যাকবোন এবং অ্যান্ডসকোর বিকাশ করেছিল।

— সিয়াসার বাউটিস্তা

Answer 5

এটি HTML এ রেন্ডার বা সাধারণকরণ ছাড়াই যুক্ত করার একটি উপায় adding

এটি এটিকে যুক্ত করার চেয়ে আলাদা নয়:

 <textarea style="display:none"><span>{{name}}</span></textarea>

Comments

এটি আলাদা, কোনও টেক্সেরিয়া এখনও সেই উপাদানগুলিকে ডিওমে প্রবেশ করিয়ে দেবে এবং অনুরোধ করা কোনও বাহ্যিক সম্পদ (যেমন চিত্রগুলির) আনবে। একটি স্ক্রিপ্ট ট্যাগ না।

— লোকালপিসিগুয়ে

@ লোকালপিসিগুয়াই সত্য নয় যে কোনও পাঠ্যের <img src="image.jpg">মাধ্যমে ব্রাউজারটি ব্রাউজারটি আনতে পারে না image.jpg, ব্রাউজারটি জানে যে একটি টেক্সারিয়ার ভিতরে থাকা সামগ্রীটি রেন্ডারিং নয়।

— ভিক্কি

@ ভিক্কি ওফস, আপনি সঠিক, টেক্সারিয়া এমন কয়েকটি উপাদানগুলির মধ্যে একটি হতে পারে যা স্ক্রিপ্ট ট্যাগ টেম্প্লেটিংয়ের জন্য কার্যকর প্রতিস্থাপন হতে পারে।

— লোকালপিসিগুয়ে

@ লোকালপিসিগুয়ে হ্যাঁ, আমি মনে করি যে এই দু'জনকে আন্তঃবঙ্গভাবে ব্যবহার করা যেতে পারে। যদি আপনার টেমপ্লেটের লাইন থাকে তবে </script>আপনি এটি কোনও স্ক্রিপ্ট ট্যাগের মধ্যে ব্যবহার করতে পারবেন না, তাই আপনি তখন টেক্সটরিয়া এবং তার বিপরীতে ব্যবহার করতে পারেন।

— ভিকি

হ্যাঁ ... টেমপ্লেট ট্যাগের আগে এবং স্ক্রিপ্ট টাইপের আগে = পাঠ্য / টেম্পলেট, আমরা সকলেই এটি টেক্সারিয়া দিয়ে করেছি, আমি বিশ্বাস করি। যখন আমাদের কোনও এজাক্স ছিল না তখন এটি আইফ্রেমেসের সাথে একই জিনিস।

— dkellner

Answer 6

<script type = “text/template”> … </script>অপ্রচলিত। ব্যবহার করুন <template>পরিবর্তে ট্যাগ।

Comments

<template>ইন্টারনেট 11 এক্সপ্লোরার হিসাবে ট্যাগ এখনও ইন্টারনেট সমর্থিত নয়

— ওভিনোফাইল

5 বছরের মধ্যে <টিম্পলেট> ট্যাগটি ব্যবহার করুন।

— সুপারলুমিনিয়ার

<স্ক্রিপ্ট টাইপ = "পাঠ্য / টেমপ্লেট"> যে কোনও কিছু রাখতে পারে, সেগুলি পার্স করা হয়নি। অন্যদিকে, <template> ট্যাগগুলি একটি ডোমে বিভক্ত হয়, সুতরাং বৈধ এইচটিএমএল প্রয়োজন needs সাধারণত, এর অর্থ হ'ল প্রথমটি অক্ষত টেম্পলেট হিসাবে রাখা হবে, যখন দ্বিতীয়টি এইচটিএমএল-অনুবর্তী অংশগুলি ছড়িয়ে দেবে এবং টেমপ্লেটটি ভেঙে দেবে। ... অবশ্যই, যদি আপনি গোঁফ বা পছন্দ মতো টেম্পলেট ইঞ্জিন ব্যবহার করেন তবে এটি কেবল সমস্যা।

— ডাগলিনিগুলি

<template> ট্যাগ ব্যবহার করবেন না এবং অন্য কিছু "অপ্রচলিত" হওয়ার ভিত্তিতে সিদ্ধান্ত নেবেন না। এটি মিলান ফ্যাশন সপ্তাহ নয়, যদি কিছু কাজ করে থাকে এবং প্রযুক্তিগতভাবে উপযুক্ত হয় তবে এটি ব্যবহার করা যেতে পারে :) এখন বাস্তবের জন্য: <template> ট্যাগটি এখনও আইআই এবং অপেরা মিনিতে (ক্যানআইউজ অনুসারে) অসমর্থিত এবং <স্ক্রিপ্ট> ট্যাগ হবে কোনও লুকানো ডিভি বা অন্য কোনও ট্যাগের বিপরীতে আপনি যা দেন তা ঠিক রাখুন যা আপনার শ্বেতস্থান বা মন্তব্যগুলি হারাতে পারে।

— ডিজেলনার

উত্তর পোস্ট হওয়ার 2 বছর পরে, IE11 নিজেই একটি অপ্রচলিত প্রযুক্তি, এবং মাইক্রোসফ্ট পরিবর্তে এজ এ চলে গেছে, যা সমর্থন করে <template>। বেশিরভাগ প্রধান ডেস্কটপ ব্রাউজারে এই <template>ট্যাগটিকে সমর্থন করে । আমি এখনই হিসাবে এটি দৃ strongly়ভাবে সুপারিশ। বিকাশকারী.মোজিলা.আর.ইন

— ডকস / ওয়েব /

Answer 7

jQuery টেম্পলেটগুলি এমন কিছু উদাহরণ যা এইচটিএমএল সংরক্ষণের জন্য এই পদ্ধতিটি ব্যবহার করে যা অন্য এইচটিএমএল এর মধ্যে সরাসরি (পুরো বিষয়টি নয়) রেন্ডার হবে না: http://api.jquery.com/jQuery.template/

Comments

jQuery.template পরিত্যাগ করা হয়, এবং jsviews.com/#jsreender

— দোকম্যান