README

用于构建HTML的库。

基本用法

# in Javascript!
var factory = new lucid.html.factory();
var myAnchor = factory.build('anchor', 'http://google.com', 'google');
console.log(myAnchor.render());

# in PHP!
# (this assumes you've configured an autoloader to find this class)
$factory = new \Lucid\Html\Factory();
$myAnchor = $factory->build('anchor', 'http://google.com', 'google');
echo($myAnchor->render());

这两个代码示例都将记录/回显此内容

<a href="http://google.com">google</a>

构建和测试

构建所有标签并运行测试

有一个主要脚本，几乎可以完成您需要做的所有更改源代码、打包和测试的工作

bin/make

以下操作：

构建所有标签（请参见以下章节）
打包所有JavaScript文件（请参见以下章节）
在node中加载最终javascript文件，仅进行最后的语法检查
运行所有单元测试

此库使用phpunit来运行单元测试，但还通过shell_exec调用node.js来运行javascript测试。因此，为了运行单元测试，您必须安装node。在运行测试之前，您还必须使用composer，因为测试使用了composer的自动加载器。

构建标签

库中的每个标签都是使用描述标签的json文件生成的。要生成基本锚标签的javascript标签，

bin/makeTagJavascript.php ./src/Base/meta/anchor.json
 # This will generate ./src/Base/tags/anchor.js

要生成基本锚标签的PHP标签，

bin/makeTagPHP.php ./src/Base/meta/anchor.json
 # This will generate ./src/Base/tags/anchor.php

构建元文件夹中的所有标签

bin/makeAllTags ./src/Base/meta
 # this builds everything!

打包JavaScript文件以进行分发

bin/makeJsDist.php

这将生成四个文件

./dist/lucid.html.buildBaseTagsOnly.js
./dist/lucid.html.buildBaseTagsOnly.min.js（此文件与上一个文件相同，但已最小化）
./dist/lucid.html.buildBootstrap.js
./dist/lucid.html.buildBootstrap.min.js（此文件与上一个文件相同，但已最小化）

在项目中，只需要包含这四个文件中的一个。

dev-lucid / html

维护者

详细信息