Встраиваемая HTML-страница

Question

Я новичок в HTML5

Я пытаюсь сделать мою основную веб-страницу рисования/доски встраиваемой на любой другой сайт.

Интерактивная доска состоит из трех файлов: index.html, app.js и style.css

, что я прошу, как сделать это больше как виджет, чтобы вкладываться в любом месте?

Я сделал много поисков и получить действительно путают, между зд JQuery виджет как этот http://alexmarandon.com/articles/web_widget_jquery/#loading-javascript-libraries

или я не должен, поскольку есть много отдельных файлов?

любые рекомендации и рекомендации будут высоко оценены Благодаря

Answer 1

Я думаю, что ответ здесь зависит от вашей целевой аудитории.

@lucasnadalutti правильно, что iFrame может быть наиболее общепринятым способом встраивания всей HTML-страницы, но если эта страница должна каким-либо образом взаимодействовать с другими элементами, данными или сервером хоста, вы будете вероятно, хотят использовать другой подход.

Поскольку вы создаете виджет, который должен быть встроен в сайты других людей, ваша целевая аудитория, вероятно, является другими разработчиками, поскольку именно они могут выбрать ваш виджет на сайтах, которые они создают.

Предполагая, что разработчики являются вашей целевой аудиторией для виджета, вы можете создать плагин WordPress, плагин jQuery или любое количество других плагинов, связанных с каркасом, что упростит разработчикам использовать ваш код.

Выбор действительно твое, какие рамки, чтобы создать для него, и это решение, вероятно, основывается на том месте, вы думаете, что спрос на этот тип виджета будет самым высоким ...

Но если вы» я просто рекомендую создать плагин jQuery с публичным репо GitHub с хорошо написанным README, чтобы объяснить, как использовать виджет.

Вот хороший пример: https://github.com/carhartl/jquery-cookie

EDIT
За свой комментарий, вот некоторые ресурсы и примеры более конкретно к вашим потребностям:

Here'a хороший ресурс для того, как построить JQuery плагин:
https://learn.jquery.com/plugins/basic-plugin-creation/

Сова Carousel является хорошим примером плагин JQuery, который требует HTML, C SS и JS. Смотрите эту ссылку для примера того, как реализовать плагин:
http://owlgraphic.com/owlcarousel/#demo

Параметры страницы + CSS:

<!-- Important Owl stylesheet --> 
<link rel="stylesheet" href="owl-carousel/owl.carousel.css"> 

<!-- Default Theme --> 
<link rel="stylesheet" href="owl-carousel/owl.theme.css"> 

<!-- jQuery 1.7+ --> 
<script src="jquery-1.9.1.min.js"></script> 

<!-- Include js plugin --> 
<script src="assets/owl-carousel/owl.carousel.js"></script> 

HTML:

<div id="owl-example" class="owl-carousel"> 
    <div> Your Content </div> 
    <div> Your Content </div> 
    <div> Your Content </div> 
    <div> Your Content </div> 
    <div> Your Content </div> 
    <div> Your Content </div> 
    <div> Your Content </div> 
    ... 
</div> 

JS:

$(document).ready(function() { 

    $("#owl-example").owlCarousel(); 

});