Typical Figure

 

<figure>
<img src="images/figure1.jpg" alt="image - refer to long description" class="img-responsive">
<figcaption>Figure 1. Boundaries</figcaption>
</figure>
<details>
<summary>Long description of Figure 1</summary>
<p>This map is of the boundaries of Rouge National Urban Park of Canada. The park extends from the Oak Ridges Morraine in the north to Lake Ontario in the south. The external park boundary which extends into the City of Toronto, City of Pickering, City of Markham, and Township of Uxbridge is outlined. The vast majority of areas are highlighted and indicates current RNUP lands as of December 2020. Future lands to be acquired are depicted and include two parcels of land within City of Toronto boundaries. The map also shows municipal boundaries, waterbodies and watercourses, and roads.</p>
</details>

Decorative image

Parks Canada's roadways vary significantly in size, terrain, surface, climate, and traffic levels. Left: The Trans-Canada Highway in Banff National Park, 2014. Right: A vehicle driving through the West Block of Grasslands National Park, 2018.
Parks Canada's roadways vary significantly in size, terrain, surface, climate, and traffic levels.
Left: The Trans-Canada Highway in Banff National Park, 2014.
Right: A vehicle driving through the West Block of Grasslands National Park, 2018.

Container for two figures

<div class="row">
<div class="col-md-6">
<img src="images/figure1a.jpg" alt="image - refer to long description" class="img-responsive">
</div>
<div class="col-md-6">
<img src="images/figure1b.jpg" alt="image - refer to long description" class="img-responsive">
</div>
</div>

Container for three figures

<div class="row">
<div class="col-md-4">
<img src="images/figure1a.jpg" alt="image - refer to long description" class="img-responsive">
</div>
<div class="col-md-4">
<img src="images/figure1b.jpg" alt="image - refer to long description" class="img-responsive">
</div>
<div class="col-md-4">
<img src="images/figure1c.jpg" alt="" class="img-responsive">
</div>
</div>

 

Container for three figures but stacked

<div class="row">
<div class="col-md-12">
<img src="images/figure1a.jpg" alt="image - refer to long description" class="img-responsive">
</div>
<div class="col-md-12">
<img src="images/figure1b.jpg" alt="image - refer to long description" class="img-responsive">
</div>
<div class="col-md-12">
<img src="images/figure1c.jpg" alt="image - refer to long description" class="img-responsive">
</div>
</div>

 

<p><strong>Figure 11: Reasons for not watching the French debate.</strong> <em>Note: survey responses are unweighted.</em></p>

<figure>
<img src="images/image11.png" alt="Figure 1. " class="img-responsive" />
<figcaption class="rowEvent"><strong>Figure 11: Reasons for not watching the French debate.</strong> <em>Note: survey responses are unweighted.</em></figcaption>
</figure>

<figure>
<img src="images/image$1.png" alt="Figure 1. " class="img-responsive" />
<figcaption class="rowEvent">$2</figcaption>
</figure>

 

Find

<p>(<strong>Figure )([0-9]+)(.*)</p>

Replace

<figure>
<img src="images/image$2.png" alt="Figure 1. " class="img-responsive" />
<figcaption class="rowEvent"><strong>Figure $2$3</figcaption>
</figure>

*****************************

<li><a href="#_heading=h.j4xkdsgys15c">Figure 1: Demographic Correlates of Expectations of Debates</a></li>

<li><a href="#fig_1">Figure 1: Demographic Correlates of Expectations of Debates</a></li>

Find

<li><a href="#_heading=(.*)">Figure ([0-9]+): (.*)</a></li>

Replace

<li><a href="#fig_$2">Figure $2: $3</a></li>

 

Find

<li><a href="#_Toc(.*)">Figure&nbsp;([0-9]+)&nbsp;: (.*)</a></li>

Replace

 

***********************

<h6 id="section_4_1_1_0_1">Figure 1: Demographic Correlates of Expectations of Debates</h6>

<figure id="fig_1">
<img src="images/image1.png" alt="Figure 1. Demographic Correlates of Expectations of Debates" class="img-responsive" />
<figcaption class="rowEvent"><strong>&nbsp;Figure 1. Demographic Correlates of Expectations of Debates</strong></figcaption>
</figure>

Find

<h6 id="(.*)">Figure ([0-9]+): (.*)</h6>

Replace

<figure id="fig_$2">
<img src="images/image$2.png" alt="Figure $2. $3" class="img-responsive" />
<figcaption class="rowEvent"><strong>&nbsp;Figure $2. $3</strong></figcaption>
</figure>