Domovská stránka Prehľadávať Pomoc
Prihlásiť sa
bn
/
se
2
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Strom: a4b429aad5
Branche Tagy
se
/
SE
/
schema
/
WPS_Functions
/
dita-ot
/
dita-ot-3.3.3
/
doc
/
topics
/
html-customization-plugins.html

html-customization-plugins.html 6.6 KB
História Raw

123456789101112131415 
  1. <!DOCTYPE html
    2. 

  2.   SYSTEM "about:legacy-compat">
    3. 

  3. <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="copyright" content="(C) Copyright 2019"><meta name="DC.rights.owner" content="(C) Copyright 2019"><meta name="DC.type" content="concept"><meta name="description" content="For more complex customizations, you can create custom DITA-OT plug-ins that bundle custom fonts, JavaScript, and stylesheets; modify the HTML markup, or override other aspects of HTML processing."><meta name="DC.subject" content="HTML, custom plug-in, fonts, JavaScript, CSS, markup, adding"><meta name="keywords" content="HTML, custom plug-in, fonts, JavaScript, CSS, markup, adding"><meta name="DC.relation" scheme="URI" content="../topics/html-customization.html"><meta name="DC.relation" scheme="URI" content="../topics/html-customization-parameters.html"><meta name="DC.relation" scheme="URI" content="../topics/html-customization-properties-file.html"><meta name="DC.relation" scheme="URI" content="../topics/html-customization-plugin-bundle-css.html"><meta name="DC.relation" scheme="URI" content="../topics/html-customization-plugin-webfont.html"><meta name="DC.relation" scheme="URI" content="../topics/html-customization-plugin-javascript.html"><meta name="DC.format" content="HTML5"><meta name="DC.identifier" content="custom-html-plugins"><link rel="stylesheet" type="text/css" href="../css/commonltr.css"><link rel="stylesheet" type="text/css" href="../css/dita-ot-doc.css"><title>Custom HTML plug-ins</title></head><body id="custom-html-plugins"><header role="banner"><div class="header">
    4. 

  4.   <p>DITA Open Toolkit</p>
    5. 

  5.   <hr>
    6. 

  6. </div></header><nav role="toc"><ul><li><a href="../index.html">DITA Open Toolkit 3.3</a></li><li><a href="../release-notes/index.html">Release Notes</a></li><li><a href="../topics/installing-client.html">Installing DITA-OT</a></li><li><a href="../topics/alternative-input-formats.html">Authoring formats</a></li><li><a href="../topics/building-output.html">Building output</a></li><li><a href="../parameters/index.html">Setting parameters</a></li><li><a href="../topics/customizing.html">Customizing DITA-OT</a><ul><li><a href="../topics/html-customization.html">Customizing HTML</a><ul><li><a href="../topics/html-customization-parameters.html">Setting HTML parameters</a></li><li><a href="../topics/html-customization-properties-file.html">Using a properties file</a></li><li class="active"><a href="../topics/html-customization-plugins.html">Custom HTML plug-ins</a><ul><li><a href="../topics/html-customization-plugin-bundle-css.html">Bundling custom CSS</a></li><li><a href="../topics/html-customization-plugin-webfont.html">Embedding web fonts</a></li><li><a href="../topics/html-customization-plugin-javascript.html">Inserting JavaScript</a></li></ul></li></ul></li><li><a href="../topics/pdf-customization.html">Customizing PDF</a></li><li><a href="../topics/custom-plugins.html">Working with plug-ins</a></li><li><a href="../extension-points/plugin-extension-points.html">Extension points</a></li><li><a href="../topics/migration.html">Migrating customizations</a></li><li><a href="../topics/globalization.html">Globalizing DITA content</a></li><li><a href="../topics/rebuilding-docs.html">Rebuilding documentation</a></li></ul></li><li><a href="../topics/troubleshooting-overview.html">Troubleshooting</a></li><li><a href="../reference/index.html">Reference</a></li><li><a href="../topics/dita-and-dita-ot-resources.html">Resources</a></li></ul></nav><main role="main"><article role="article" aria-labelledby="ariaid-title1">
    7. 

  7.   <h1 class="title topictitle1" id="ariaid-title1">Custom HTML plug-ins</h1>
    8. 

  8.   
    9. 

  9.   
    10. 

  10.   <div class="body conbody"><p class="shortdesc">For more complex customizations, you can create custom DITA-OT plug-ins that bundle custom fonts,
    11. 

  11.     JavaScript, and stylesheets; modify the HTML markup, or override other aspects of HTML processing.</p>
    12. 

  12.     <div class="note note note_note"><span class="note__title">Note:</span> These examples are not intended to be used as-is, but illustrate basic techniques you can use in your own
    13. 

  13.       plug-ins. In practise, custom plug-ins often combine several of these approaches.</div>
    14. 

  14.   </div>
    15. 

  15. <nav role="navigation" class="related-links"><ul class="ullinks"><li class="link ulchildlink"><strong><a href="../topics/html-customization-plugin-bundle-css.html">Bundling CSS in a custom HTML plug-in</a></strong><br>You can create a DITA-OT plug-in that provides a custom stylesheet with the typography and colors that     define your corporate identity. Coworkers can install this plug-in to ensure consistent HTML output across projects     without having to copy the stylesheet to each project.</li><li class="link ulchildlink"><strong><a href="../topics/html-customization-plugin-webfont.html">Embedding web fonts in HTML output</a></strong><br>A custom plug-in can be created to generate HTML output that uses custom fonts for enhanced typographic     features, extended character sets or a unique corporate identity.</li><li class="link ulchildlink"><strong><a href="../topics/html-customization-plugin-javascript.html">Inserting JavaScript in generated HTML</a></strong><br>JavaScript code can be bundled in a custom plug-in and automatically inserted into the generated HTML pages     to enable web analytics or dynamic content delivery.</li></ul><div class="familylinks"><div class="parentlink"><strong>Parent topic:</strong> <a class="link" href="../topics/html-customization.html" title="You can adjust the look and feel of your HTML output without creating a DITA-OT plug-in by including custom CSS, headers and footers, or table-of-contents navigation in topics.">Customizing HTML output</a></div></div><div class="linklist relinfo reltasks"><strong>Related tasks</strong><br><ul class="linklist"><li class="linklist"><a class="link" href="../topics/html-customization-parameters.html" title="For simple branded HTML pages, you can adjust the look and feel of the default output to match your company style by setting parameters to include custom CSS, header branding, or table-of-contents navigation in topics. (These changes do not require a custom plug-in.)">Setting parameters for custom HTML</a></li><li class="linklist"><a class="link" href="../topics/html-customization-properties-file.html" title="You can also use a .properties file to reference a set of build parameters when building output with the dita command. The DITA-OT documentation uses a .properties file to include custom CSS, header branding, and table-of-contents navigation in the HTML5 output.">Customizing HTML with a .properties file</a></li></ul></div></nav></article></main></body></html>
    16.