2013-07-01 6 views
0

Примерно через год, используя веб-формы Asp.net, я вышел (по большей части) из мира .net.Повторное использование HTML, создание шаблона

Я сейчас работаю над webapp, который использует множество сценариев на стороне клиента и использует WebAPI для доступа к данным.

У меня есть раздел HTML, который позволяет делать заметки. Я хотел бы сделать этот раздел HTML в шаблоне, который я могу повторно использовать в другом месте на сайте (например, вставить этот фрагмент кода HTML на другую веб-страницу).

Я немного одурманен, как это сделать. Подумайте о моей проблеме как попытке создать «пользовательский элемент управления» в веб-формах asp.net ... только, что я не использую веб-формы. Просто хороший старомодный HTML, CSS, Javascript, jquery и нокаут. Концептуально, я думаю, что другие были в том же месте, что и я.

Может ли кто-нибудь разработать решение или хотя бы предоставить некоторые указатели? Благодаря !

+0

Вы, вероятно, следует удалить "asp.net" тег (и, возможно, "пользователь-контроль"), если вы используете хороший старомодный HTML, как вы говорите. – GoalBased

ответ

0

Я лично использую Backbone над нокаутом, так что я мог бы быть немного прочь, но Нокаут имеет создание шаблонов, а также. Id взгляните на this documentation on template binding. К сожалению, я не могу дать вам четкого ответа, но смотреть глубже в нокаут было бы хорошим местом для начала. Поскольку вы используете нокаут уже, вероятно, лучше не добавлять другую технологию.

-1

Создайте файл и используйте iframe.

Например, возможно, вы хотите, чтобы его называли «editor.html». Вы должны создать файл, чтобы он мог работать как страница самостоятельно. Затем на странице он вам понадобится:

<iframe src="editor.html"> 
0

Существует много решений для шаблонов, которые хорошо подходят для html. Вот modest:

main.xhtml

<?xml version='1.0' encoding='UTF-8'?> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="modest-preview.js"></script> 
    <include>mySection</include> 
    </head> 
    <body> 
    <mySection/> 
    </body> 
</html> 

mySection.xml

<section><p>Hello</p></section> 
Смежные вопросы