Blazor Editor - Overview

EXAMPLE
VIEW SOURCE
EDIT IN TELERIK REPL
Change Theme
default

<div style="padding: 30px 30px 0px 30px;">
	<h1 style="text-align:center; font-size: large">
		
		 One of the Most Beautiful Islands on Earth - Tenerife
		
	</h1>
	<img src = "images/destinations/tenerife-sm.jpg" alt="Tenerife" width="252" height="450" style="float: right; margin-left: 30px; margin-bottom: 30px; margin-top:30px;" />
	
		 Overview 
		
	
	
		Tenerife is the largest and most populated island of the eight <a href="https://en.wikipedia.org/wiki/Canary_Islands" target="_blank">Canary Islands</a>. It is also the most populated island of Spain, with a land area of 2,034.38 square kilometers (785 sq mi) and 904,713 inhabitants, 43% of the total population of the Canary Islands.
		The archipelago's beaches, climate and important natural attractions, make it a major tourist destination with over 12 million visitors per year.
	
	
		 Trip Highlights in Tenerife
		 <ul>
			 <li>
				 
						
							Trip to Loro Parque
						
				 
				 
				Out top tip is to visit the famous Loro Parque or 'Loro Park. It is a 13.5-hectare zoo on the outskirts of Puerto de la Cruz on Tenerife, Spain where it houses an extensive and diverse reserve of animal and plant species.
				 
			</li>
			<li>
				
					
						Whale and Dolphin Watching Tour
					
				
				 
				Another great option is to take boat excursion with almost guaranteed sightings of whales and dolphins.This is a day-long trip that includes lunch, island visits, fishing, and amazing views of ocean sceneries.
				 
			</li>
			<li>
				
					
						Teide National Park Stargazing
					
				
				 
				Last, but not least you can take a stargaze trip to Teide National Park, the 3rd best place in the world to view stars and described by NASA as a window to the universe.
				 
			</li>
		</ul>
	
		
			 Climate 
		
	
	<table>
		<tbody>
		<tr>
			<td colspan="17">
				
					
						Climate Data for Santa Cruz de Tenerife</a>
					
				
			</td>
		</tr>
		<tr>
			<td colspan="4">
				
					
						 Month 
					
				
			</td>
			<td>Jan</td>
			<td>Feb</td>
			<td>Mar</td>
			<td>Apr</td>
			<td>May</td>
			<td>Jun</td>
			<td>Jul</td>
			<td>Aug</td>
			<td>Sep</td>
			<td>Oct</td>
			<td>Nov</td>
			<td>Dec</td>
			<td>Year</td>
		</tr>
		<tr>
			<td colspan="4">
				
					
						Daily mean ℃ (℉)
					
				
			</td>
			<td>18.2 (64.8)</td>
			<td>18.3 (64.9)</td>
			<td>19.0 (66.2)</td>
			<td>19.7 (67.5)</td>
			<td>21.0 (69.8)</td>
			<td>22.9 (73.2)</td>
			<td>25.0 (77.0)</td>
			<td>25.5 (77.9)</td>
			<td>24.9 (76.8)</td>
			<td>23.4 (74.1)</td>
			<td>21.3 (70.3)</td>
			<td>19.4 (66.9)</td>
			<td>21.5 (70.7)</td>
		</tr>
		<tr>
			<td colspan="4">
				
					
						Average rainy days (≥ 1.0 mm)
					
				
			</td>
			<td>8.0</td>
			<td>7.2</td>
			<td>6.9</td>
			<td>5.5</td>
			<td>2.9</td>
			<td>0.9</td>
			<td>0.2</td>
			<td>0.8</td>
			<td>2.7</td>
			<td>6.1</td>
			<td>8.8</td>
			<td>9.4</td>
			<td>59.4</td>
		</tr>
		<tr>
			<td colspan="4">
				
					
						
							Mean monthly sunshine hours
						
					
				
			</td>
			<td>178</td>
			<td>186</td>
			<td>221</td>
			<td>237</td>
			<td>282</td>
			<td>306</td>
			<td>337</td>
			<td>319</td>
			<td>253</td>
			<td>222</td>
			<td>178</td>
			<td>168</td>
			<td>2,887</td>
		</tr>
		</tbody>
	</table>
	
	* The data used in this demo is taken from <a href= "https://wikipedia.com" target= "_blank" >wikipedia.com</a>.
	 
	**The displayed photos are sourced from <a href="https://pixabay.com" target="_blank">pixabay.com</a>.
	
</div>

Overview.razor
Loading the demo source code...please wait.

The Editor component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

The Telerik Blazor Editor component enables the users to create rich textual content through a What-You-See-Is-What-You-Get (WYSIWYG) interface and delivers a set of tools for creating, editing, and formatting text, paragraphs, lists, and other HTML elements.

The component allows you to manage the available tools in its Toolbar. You can customize the list of the built-in tools and add custom ones. The Blazor Editor also provides an option to improve the quality of the pasted content by cleaning unnecessary tags and attributes.

The Blazor Editor control is part of Telerik UI for Blazor, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Telerik UI for Blazor collection provides 100+ UI components which meet all app requirements for data handling, performance, UX, design, accessibility, and more.

This Editor Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Blazor Editor - Overview

Description

Support & Learning Resources

Additional Resources