Add Css Class Name Prefix
In this tutorial, we will walk you through the C# source code to add a CSS class name prefix with Aspose.Words for .NET. This feature allows you to add a custom prefix to generated CSS class names when converting a document to HTML.
Step 1: Project Setup
To get started, create a new C# project in your favorite IDE. Make sure the Aspose.Words for .NET library is referenced in your project.
Step 2: Loading the document
In this step, we will load the Word document that we want to convert to HTML. Use the following code to load the document:
// Path to the documents directory.
string dataDir = "YOUR DOCUMENTS DIRECTORY";
Document doc = new Document(dataDir + "Rendering.docx");
Replace "YOUR DOCUMENTS DIRECTORY"
with the actual path of the directory where your document is located.
Step 3: Set HTML save options
Now let’s set the HTML save options, including CSS stylesheet type and CSS class name prefix. Use the following code:
HtmlSaveOptions saveOptions = new HtmlSaveOptions
{
CssStyleSheetType = CssStyleSheetType.External,
CssClassNamePrefix = "pfx_"
};
This code creates an instance of HtmlSaveOptions
and sets CssStyleSheetType
to CssStyleSheetType.External
to generate an external CSS style sheet, and CssClassNamePrefix
to "pfx_"
to prefix "pfx_"
to names CSS class.
Step 4: Converting and saving the document to HTML
Finally, we’ll convert the document to HTML using the HTML save options defined earlier. Use the following code:
doc.Save(dataDir + "WorkingWithHtmlSaveOptions.AddCssClassNamePrefix.html", saveOptions);
This code converts the document to HTML and saves it to a file with the CSS class name prefix added.
Example source code for Add Css Class Name Prefix using Aspose.Words for .NET
// The path to the documents directory.
string dataDir = "YOUR DOCUMENT DIRECTORY";
Document doc = new Document(dataDir + "Rendering.docx");
HtmlSaveOptions saveOptions = new HtmlSaveOptions
{
CssStyleSheetType = CssStyleSheetType.External, CssClassNamePrefix = "pfx_"
};
doc.Save(dataDir + "WorkingWithHtmlSaveOptions.AddCssClassNamePrefix.html", saveOptions);
Be sure to specify the correct document path in the dataDir
variable.
You have now learned how to add a CSS class name prefix when converting a document to HTML using Aspose.Words for .NET. Following the step-by-step guide step provided in this tutorial, you can customize the CSS class names in your converted HTML documents.