0
我正在研究一种简化发布过程的方法。我从作者处接收原始文本和图像，在MS Word中格式化它，在2列表格中处理/上传和引用图像URL，然后将文本转换为HTML。我采用HTML并将其封装在CSS中，以便以预先确定的方式显示图像和文本以符合我们的网站格式。HTML创建自动化
对于我自己来说，手动完成Word，Safari，Automator（我创建了一个可以自动化大部分CSS注入和HTML调整的脚本）和Brackets，但现在我们正在扩展，帮助，而这个过程对一些人来说有点棘手。而不是试图教给别人CSS编码，并且因为不是每个人都有一个MAC来配置我使用automator的方式，所以我希望能够找到一种方法来理想地将HTML粘贴到一个表单中，并让它吐出包含CSS的代码并准备好去。
完成的工作的一个例子是这样的：
<div class="divv12">
<p style="text-align:center;"><span style="font-size:18px;"><span style="color:#000;"><strong>Aerosoft - Bologna X</strong></span></span>
<p style="text-align:center;"><span style="font-size:14px;"><span style="color:#000;"><em>A review by Maxim Pyankov</em></span></span>
</div>
<div class="divv11">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/040.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/040_T.jpg" class="img111"></a>
<p> </p>
<p>Bologna Airport (LIPE; BLQ), officially known as Bologna Guglielmo Marconi Airport, is an international airport serving the city of Bologna, Italy. The airport is smaller in size, when compared to some other international airports, with just the one runway and 20-plus gates. Nevertheless, it is the seventh busiest airport in Italy, with a wide range of European destinations.</p>
<p> </p>
<p>For me personally, this was my first payware package, representing an Italian airport. I have been looking for an Italian gateway for some time, and as such was very excited to have an opportunity to evaluate this product. This product was developed by MK Studios, and is available from the Aerosoft website, as a download, for a little over $18.</p>
<p> </p>
<p><strong>Purchase, Install, and Manual</strong></p>
<p>The purchase of this scenery, and the installation thereof, is a straightforward process, and will be familiar to those of you have purchased other products from the Aerosoft's site. The size of the installation file is 267 MB, and the installation wizard will seamlessly take you through the installation process.</p>
<p> </p>
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/001.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/001_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/002.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/002_T.jpg" class="img111"></a>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>The version installed, on which I did all of my testing, is v1.01. This package is compatible with the FSX and P3D V2 applications. This review is based on FSX, running in DirectX10 compatibility mode.</p>
<p> </p>
<p>Once the product is installed, the familiarity with the other Aerosoft products ends, to some extent. First of all, upon the completion of the installation, you are not presented with an option to adjust the airport's traffic density, which is present in most other Aerosoft sceneries I own. Second, this package is not installed inside the ..\Aerosoft folder, within the FSX root folder. Instead, you will find it in the ..\MK-Studios folder. And third, this package does not show up in the Aerosoft Launcher. This is neither bad, nor good. I just felt I needed to point that out.</p>
<p> </p>
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/114.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/114_T.jpg" class="img111"></a>
<p> </p>
<p>Within the BolognaX folder (and in the Program Files group, under the MK-Studios folder) you will find a couple of PDF files - Charts.pdf and Manual.pdf. The manual is about 10 pages long, and is only marginally useful (the airline parking assignment table, on page 8). The charts document, on the other hand, is a 38-page document containing high-quality airport approach and departure charts.</p>
<p> </p>
<p>The three screenshots below display the default FSX Bologna airport, the after the installation look of the area, and the outline of the areas provided as part of this package.</p>
<p> </p>
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/110.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/110_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/111.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/111_T.jpg" class="img111"></a>
</td>
</tr>
<tr>
<td colspan="2" style="width:638px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/112.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/112_T.jpg" class="img111"></a>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>As you can judge for yourself, even though this airport has just the one runway, the developers included quite a bit of the surrounding areas. Let us see how things look on the ground.</p>
<p> </p>
<p><strong>Airport Features and First Impressions</strong></p>
<p>I have done probably close to a dozen flights into and out of Bologna, prior to sitting down to write this review. My favorite route, for this airport, became the short hop (about 90 minutes) from Vienna into Bologna, and back.</p>
<p> </p>
<p>First and foremost - I absolutely fell in love with the geographic positioning of the airport; mainly, where the airport is located added a lot of immersion into my sim experience. The mountains and hills, surrounding the airport on the North, West, and to the South, and the Adriatic sea to the East, create an interesting mix for weather opportunities, and results in all kinds of interesting and challenging scenarios - the low clouds, hovering right above the ground level, the fog, creeping along the valley, the rain and, sometimes, a completely clear and crisp approach, uninhabited by any of the above!</p>
<p> </p>
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/056.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/056_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/067.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/067_T.jpg" class="img111"></a>
</td>
</tr>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/068.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/068_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/074.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/074_T.jpg" class="img111"></a>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>Generally speaking, the airport is well visible and identifiable from the air. However, it often hides right underneath the low clouds, and I have found myself employing the ILS system far more often (and keeping it engaged for much more of the approach leg), than I have had to with my other payware sceneries. Other times (on multiple occasions), when blanketed by the dense fog, I actually found myself getting ready to abort the landing because I did not see the runway all the way down to the decision height (truth be told, I should have aborted a couple of times). Exhilarating! One point to note - the approach guiding lights, once (and when) visible, are easy to see and follow.</p>
<p> </p>
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/091.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/091_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/096.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/096_T.jpg" class="img111"></a>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>Another point - the airport is located in a beautiful place, geographically speaking. While challenging and exciting during the weather-intense landings and takeoffs, it is quiet and beautiful on the clear days, and especially in the dusk, dawn, and the night hours.</p>
<p> </p>
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/007.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/007_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/014.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/014_T.jpg" class="img111"></a>
</td>
</tr>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/015.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/015_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/070.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/070_T.jpg" class="img111"></a>
</td>
</tr>
<tr>
<td colspan="2" style="width:638px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/006.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/006_T.jpg" class="img111"></a>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>Now that I have praised where the airport is located, and how great it looks during the approaches and departures, it is time to look at the airport at the ground level.</p>
<p> </p>
<p>Thank you, developers, for not skimping on the surrounding areas and giving us dense house and warehouse areas to enjoy during the descents and climb-outs.</p>
<p> </p>
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/034.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/034_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/092.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/092_T.jpg" class="img111"></a>
</td>
</tr>
<tr>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/100.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/100_T.jpg" class="img111"></a>
</td>
<td style="width:319px;">
<p style="text-align:center"><a href=
"http://www.avsim.com/pages/1014/bol/005.jpg"><img alt=""
src=
"http://www.avsim.com/pages/1014/bol/005_T.jpg" class="img111"></a>
</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
<style>
.img111
{border:3px solid #000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.divv11 {
border:2px solid #000;
padding:15px;
background:clear;
width:auto;
border-radius:15px;
text-align:justify;
}
.divv12 {
border:2px solid #000;
padding:15px;
background:#9fa7e8;
width:auto;
height:60px;
border-radius:15px;
text-align:center;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0); /* IE6-8 */
}
ul.a {list-style-type: circle;
list-style-position:inside;}
ul.b {list-style-type:square;
list-style-position:inside;}
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.gradient
{
}
</style>
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
谢谢你的解决方案。去思考这个问题并研究PHP。看起来你和我在原始文本中使用了独特标签相同的逻辑，因此旧的“查找/替换”例程将执行将实际代码插入到正确位置的肮脏工作。我学到了很多关于查找/替换的知识，当我想要将100个左右的图像从001.jpg转换为完整的网址时，我可以完成所有工作。再次感谢！ – 2014-11-03 00:29:14
还有一件事：当然，您的虚拟主机将不得不安装PHP。如果他们是外部商业主持人，他们将拥有该设施（但请检查您是否有正确的设置）。如果它是一个内部服务器，你可能需要安装它，但这相对容易。快乐的PHP学习！ – GuyH 2014-11-03 02:00:34