☰

更改 tex4ht css 类

tag-icon • tag-icon tex4ht
更改 tex4ht css 类

我正在使用 htxelatex 转换我自己的 tex 文件 + 配置文件。我想更改生成的 css 对象，但似乎无法做到。

我在做什么

在我的配置文件中我使用以下内容

\Css { .cmcsc-10x-x-248{font-size:90\%;} }

但我生成的 css 保持原来的大小

.cmcsc-10x-x-248{font-size:206%;}

有没有办法从我的配置文件中编辑该类而不使用其他方法（脚本），我想编辑其中的几个。

这是一些工作演示。我只是想让字体变小一点。

\documentclass[12pt]{report}


\newenvironment{LOGOAMIGE}{}{~\\[1cm] 
\vspace{2in}}
\newenvironment{navbartext}{}{}
\newcommand{\HRule}{\rule{\linewidth}{0.2mm}}

\begin{document}

\begin{titlepage}
\begin{center}

% Upper part of the page. The '~' is needed because \\
% only works if a paragraph has started.
\begin{LOGOAMIGE}
  THELOGO
\end{LOGOAMIGE}
\begin{navbartext}
    \huge \textsc{Digitarc PX3\texttrademark System}\\[0.1cm]
\end{navbartext}
\begin{navbartext}
    \huge \textsc{Electrode Arc Regulator}
\end{navbartext}


\vfill
\begin{navbartext}
% Bottom of the page
    User Manual\\[0.5cm]
    \Large EAF 1.3
\end{navbartext}
\end{center}
\end{titlepage}

\end{document}

和配置文件

\edef\hash{\string#}
\Preamble{xhtml}
  \Configure{@HEAD}{\HCode{<link
         rel="stylesheet" type="text/css"
         href="css/bootstrap.min.css" />\Hnewline}}
  \Configure{@HEAD}{\HCode{<link
         rel="stylesheet" type="text/css"
         href="css/bootstrap-theme.min.css" />\Hnewline}}

\begin{document}
  \ConfigureEnv{titlepage}
    {\HCode {<header class="navbar navbar-bright navbar-fixed-top" role="banner">}} 
    {\HCode {</div></header>}} {} {}
  \ConfigureEnv{LOGOAMIGE}
    {\HCode {
    <div class="navbar-header">
            <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="\#main-nav">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        <a href="\#" class="navbar-brand scroll-top">
    }}
    {\HCode {
      </a>
      </div>
      <div id="main-nav" class="collapse navbar-collapse">
    }}
  \Css { .cmcsc-10x-x-248{font-size:90\%;} } 

\makeatletter
\let\ifes@LaTeXe\iftrue
\makeatother
\Configure{BODY}{\HCode{<body>}}{\HCode{
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"/>
    <script src="js/bootstrap.min.js" type="text/javascript"/>
    <script src="js/amige.js" type="text/javascript"/></body>}
    }
\EndPreamble

答案1

\Css配置文件中放在 之后的命令\begin{document}将被忽略。有时很难确定哪些配置应该放在 之前和 之后\begin{document}。最好首先将其放在 之前，如果出现问题则将其放在 之后。

我还稍微修改了一些其他配置，因为生成了非有效 html：

\edef\hash{\string#}
\Preamble{xhtml}
\newcommand\leavepars{\ifvmode\IgnorePar\fi\EndP}
  \Configure{@HEAD}{\HCode{<link
         rel="stylesheet" type="text/css"
         href="css/bootstrap.min.css" />\Hnewline}}
  \Configure{@HEAD}{\HCode{<link
         rel="stylesheet" type="text/css"
         href="css/bootstrap-theme.min.css" />\Hnewline}}
  \Css { .cmcsc-10x-x-248{font-size:90\%;} } 
\Configure{TITLE+}{Digitarc PX3\texttrademark System}
\begin{document}
  \ConfigureEnv{titlepage}
    {\leavepars\HCode {<header class="navbar navbar-bright navbar-fixed-top" role="banner">}} 
    {\leavepars\HCode {</div></header>}} {} {}
  \ConfigureEnv{LOGOAMIGE}
    {\leavepars\HCode {
    <div class="navbar-header">
            <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="\#main-nav">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        <a href="\#" class="navbar-brand scroll-top">
    }}
    {\leavepars\HCode {
      </a>
      </div>
      <div id="main-nav" class="collapse navbar-collapse">
    }}

\makeatletter
%\let\ifes@LaTeXe\iftrue
\makeatother
\Configure{BODY}{\HCode{<body>}}{\HCode{
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>\Hnewline
    <script src="js/bootstrap.min.js" type="text/javascript"></script>\Hnewline
    <script src="js/amige.js" type="text/javascript"></script>\Hnewline</body>}
    }
\EndPreamble

我创建了leavepars命令，并将其放在\HCode生成<div>元素的命令之前。这将防止标签交叉，例如<div></p>，在前一个定义中发生了这种情况。我还添加了\Configure{TITLE+}配置，因为当您在文档中不使用命令时，title 元素否则为空\title。最后，我注释掉了在之前%\let\ifes@LaTeXe\iftrue生成的命令，所以它显然无论如何都不起作用。LaTeXe<title>

相关内容