Spire.Doc is a professional Word .NET library specifically designed for developers to create, read, write, convert and print Word document files. Get free and professional technical support for Spire.Doc for .NET, Java, Android, C++, Python.

Mon May 16, 2016 9:53 pm

Hi, I'm trying out the free version to see if it's worth a purchase.

I have css in HTML as <style></style> is this able to be parsed? i'm using document.LoadHTML

mkrs
 
Posts: 4
Joined: Mon May 16, 2016 9:51 pm

Tue May 17, 2016 2:36 am

Hi,

Thanks for your interests in our Spire.Doc product.
The css in HTML as <style></style> is able to be parsed. Welcome to download and test our Spire.Doc.
Please feel free to contact us if you need any assistance.

Best Regards,
Amy
E-iceblue support team
User avatar

amy.zhao
 
Posts: 2766
Joined: Wed Jun 27, 2012 8:50 am

Tue May 17, 2016 2:43 pm

How do you get it working with <style></style>

My output just spits out the css as text

mkrs
 
Posts: 4
Joined: Mon May 16, 2016 9:51 pm

Wed May 18, 2016 1:34 am

Hi,

Please provide us your HTML to let us know your issue, and we will work out solution to help you resolve it.

Thank you.
Best Regards,
Amy
E-iceblue support team
User avatar

amy.zhao
 
Posts: 2766
Joined: Wed Jun 27, 2012 8:50 am

Wed May 18, 2016 2:25 pm

Hi, here's some HTML. Ignore the ng-scope I parse that out.

Code: Select all
<div class="PreviewResumeContainer" bind-html-compile="resumePreview" style="display: block;">

<style class="ng-scope">
   
     .ResumeViewContainer {
         margin-left: 5px;
         line-height: 1.42857143;
         font-size: 1em !important;
         width: 99%;
         font-family: Arial;
         padding: 20px;
     }
    .ResumeViewContainer ul {
        padding-left: 0;
        list-style: none;
        margin: 0;
    }
    .ResumeViewH1Container {
        width: 100%;
        background-color: #ccc;
        border-radius: 30px 0 30px 0;
    }
    .ResumeViewAvailabilityDate {
        cursor: pointer;
        color: red;
        text-decoration: underline;
        font-weight: bold;
        font-size: larger;
    }
    .coverLetterContainer {
        overflow: auto;
        padding: 20px;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        border: 2px solid darkgrey;
    }
    .componentContainer {
        border: 2px solid darkgrey;
        padding: 20px;
    }
    .ResumeViewContainer li {
        padding-left: 0;
        margin-left: 0;
        list-style: none;
    }
    hr {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    }
    .ResumeViewPersonalContainer {
        text-align: center;
    }
    .ResumeViewName {
        font-size: 50px;
        text-align: center;
        font-weight: bolder;
        width: 100%;
    }
    .ResumeViewAddress, .ResumeViewAddressList {
        width: 100%;
        vertical-align: text-top;
        text-align: left;
        white-space: nowrap;
    }
    .ResumeViewH1 {
        padding: 1px 0 2px 3px;
        font-weight: bolder;
        font-size: 25px;
        margin: 10px 0;
    }
    .ResumeViewContainer span.companyName {
        font-weight: bold;
    }
    .ResumeViewHeader {
        margin-bottom: 20px;
        text-align: center;
    }
    .ResumeViewJobInfo, .ResumeViewEducationInfo {
        display: block;
    }
    .ResumeViewOtherList {
        clear: both;
    }
    .ResumeViewContainer div.ResumeViewJobTitle, .ResumeViewContainer div.ResumeViewEducationDegree {
        font-style: italic;
        display: block;
        float: none;
    }
    .ResumeViewContainer ul.ResumeView > li {
        margin-bottom: 15px;
        width: 100%;
    }
    .ResumeViewContainer span.JobInfoDate, .ResumeViewContainer span.EducationInfoDate {
        text-align: right;
    }
    .ResumeView li {
        margin-bottom: 15px;
    }
    .resumeDateValue {
        text-align: right;
        padding-right: 3px;
        -webkit-text-wrap: none;
        -moz-text-wrap: none;
        -ms-text-wrap: none;
        -o-text-wrap: none;
        text-wrap: none;
        white-space: nowrap;
    }

</style>

<div class="ResumeViewContainer ng-scope">
    <h3 style="margin-top: 0;">Cover Letter</h3>
    <div class="coverLetterContainer">
                <span><p>Dear Mr Black,</p>

<p>Please find enclosed my CV in application for the post advertised in the Guardian on 30 November.</p>

<p>The nature of my degree course has prepared me for this position. It involved a great deal of independent research, requiring initiative, self-motivation and a wide range of skills. For one course, [insert course], an understanding of the [insert sector] industry was essential. I found this subject very stimulating.</p>

<p>I am a fast and accurate writer, with a keen eye for detail and I should be very grateful for the opportunity to progress to market reporting. I am able to take on the responsibility of this position immediately, and have the enthusiasm and determination to ensure that I make a success of it.</p>

<p>Thank you for taking the time to consider this application and I look forward to hearing from you in the near future.</p>

<p>Yours sincerely</p>
</span>

    </div>
    <h3>Resume</h3>
    <div class="componentContainer">
        <div class="ResumeViewHeader">
                <div class="ResumeViewAddress">
                    <div class="ResumeViewName">
                        John Doe
                    </div>
                    <div class="ResumeViewPersonalContainer">
                        1110 111A Ave

                        1234 •

                        Abee •
                        Alberta •
                        Canada<br>

                        C1C 5T5

                        Phone:
                        780-444-1234

                        79b39089-6e1c-4dfc-8bed-82abd2c4b5bc@mail.cazeen.com<br>


                            <a ng-click="openAvailability()" class="ResumeViewAvailabilityDate">Availability - Days Notice: 50</a>


                    </div>


                </div>               
        </div>
       

            <div class="ResumeViewHeader">
                <div class="ResumeViewH1Container">
                    <div class="ResumeViewH1">Executive Summary</div>
                </div>
            </div>

            <div class="ResumeViewOtherList">
            <span><p>An&nbsp;<strong>executive summary</strong>, or&nbsp;<strong>management summary</strong>, is a short document or section of a document, produced for&nbsp;<a href="https://en.wikipedia.org/wiki/Business">business</a>&nbsp;purposes, that summarizes a longePassionate [Job Title] with [#] years of experience in systems analysis and computer programming. Excellent communication and interpersonal skills.r report or proposal or a group of related reports in such a way that readers can rapidly become acquainted with a large body of material without having to read it all. It usually contains a brief statement of the problem or proposal covered in the major document(s), background information, concise analysis and main conclusions. It is intended as an aid to decision-making by managers and has been described as the most important part of a&nbsp;<a href="https://en.wikipedia.org/wiki/Business_plan">business plan</a>.<a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-1">[1]</a><a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-2">[2]</a><a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-3">[3]</a><a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-4">[4</a>]</p>
</span><br>
    </div>
       

            <div class="ResumeViewHeader">               
                <div class="ResumeViewH1Container">
                    <div class="ResumeViewH1">Career Objective</div>
                </div>
            </div>

            <div class="ResumeViewOtherList">
            <span><p>A position in corporate procurement that can utilize skills in research and negotiating gained from 5 years of experience in another industry, helping a retailer cut costs and improve its competitive position.&nbsp;</p>
</span><br>
    </div>
       

        <div class="ResumeViewHeader">
            <div class="ResumeViewH1Container">
                <div class="ResumeViewH1">Work Experience</div>
            </div>
        </div>
            <div class="ResumeViewEmploymentHistory">
       
            <div class="ResumeViewEmploymentHistoryList">
                <ul class="ResumeView">
                    <li>
                        <div class="ResumeViewJobInfo">
                                <span class="companyName">Google</span>
                            <div class="ResumeViewJobTitle">
                                CTO
                            </div>
                            January 2016
                            to
                            Ongoing
                           
                           
                           
                                <span>- (Edmonton, Alberta, CA)</span>
                            <br>
                            <p>CTO Job description</p>
<br>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="ResumeViewEmploymentHistoryList">
                <ul class="ResumeView">
                    <li>
                        <div class="ResumeViewJobInfo">
                                <span class="companyName">abccorp</span>
                            <div class="ResumeViewJobTitle">
                                workexk1
                            </div>
                            February 2015
                            to
                            Ongoing
                           
                           
                           
                            <br>
                            <br>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="ResumeViewEmploymentHistoryList">
                <ul class="ResumeView">
                    <li>
                        <div class="ResumeViewJobInfo">
                                <span class="companyName">companynbc</span>
                            <div class="ResumeViewJobTitle">
                                workepx2
                            </div>
                            January 2014
                            to
                            Ongoing
                           
                           
                           
                            <br>
                            <br>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="ResumeViewEmploymentHistoryList">
                <ul class="ResumeView">
                    <li>
                        <div class="ResumeViewJobInfo">
                                <span class="companyName">nbcblah</span>
                            <div class="ResumeViewJobTitle">
                                workexp3
                            </div>
                            January 2013
                            to
                            Ongoing
                           
                           
                           
                            <br>
                            <br>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="ResumeViewEmploymentHistoryList">
                <ul class="ResumeView">
                    <li>
                        <div class="ResumeViewJobInfo">
                                <span class="companyName">Test2asdasdasd</span>
                            <div class="ResumeViewJobTitle">
                                asdsads
                            </div>
                            January 2012
                            to
                            November 2015
                           
                           
                           
                                <span>- (Beddington, Alberta, CA)</span>
                            <br>
                            <br>
                        </div>
                    </li>
                </ul>
            </div>
    </div>

        <div class="ResumeViewHeader">
            <div class="ResumeViewH1Container">
                <div class="ResumeViewH1">Education</div>
            </div>
        </div>            <div class="ResumeViewEducation">       
        <div class="ResumeViewEducationList">
            <ul class="ResumeView">
                    <li>
                        <div class="ResumeViewEducationInfo">
                                <span>
                                March 2016
                                to
                                March 2016
                            </span>
                                <br>
                                                            <span class="companyName">Nortech College</span>
                                <span>, </span>
                                                            <span>CA</span>
                                <br>
                        </div>
                        <div class="ResumeViewEducationDegree">
                            Diploma of sciences
                        </div>
                    </li>
            </ul>
        </div>
    </div>

        <div class="ResumeViewHeader">
            <div class="ResumeViewH1Container">
                <div class="ResumeViewH1">Skill Summary</div>
            </div>
        </div>            <div>
        <div class="table-responsive">
            <table class="table table-condensed">
                <thead>
                    <tr style="vertical-align: top;">
                        <th class="fieldTitle">Skill</th>
                        <th class="fieldTitle" style="width: 6%;">Last Used</th>
                        <th class="fieldTitleRight" style="width: 6%;">Time Used</th>
                       
                    </tr>
                </thead>
                <tbody>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Present and summarize cases to judges and juries.</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Years:&nbsp;2<br>Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Sociology and Anthropology</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Years:&nbsp;3<br>Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Analyzing Data or Information</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Years:&nbsp;3<br>Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Communicating with Persons Outside Organization</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Communicating with Supervisors, Peers, or Subordinates</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Developing and Building Teams</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Developing Objectives and Strategies</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Direct or coordinate an organization's financial or budget activities to fund operations, maximize investments, or increase efficiency.</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Establishing and Maintaining Interpersonal Relationships</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Getting Information</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Making Decisions and Solving Problems</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Oral Comprehension</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                        <tr class="alternating-color" style="vertical-align: top;">
                            <td>Oral Expression</td>
                            <td class="nowrap">May 2016</td>
                            <td class="ResumeDateValue">Months:&nbsp;5</td>
                           
                        </tr>
                </tbody>
            </table>
        </div>
    </div>

        <div class="ResumeViewHeader">
            <div class="ResumeViewH1Container">
                <div class="ResumeViewH1">Other</div>
            </div>
        </div>            <div class="ResumeViewOtherList">
            <strong>association to business abc</strong><br>
            <span><p>dasdasdasdasdqwewqe</p>
</span><br>
    </div>


       

       
    </div>   
</div>
</div>

mkrs
 
Posts: 4
Joined: Mon May 16, 2016 9:51 pm

Thu May 19, 2016 3:25 am

Hi,

Thanks for providing.
I have reproduced your issue and posted it to our dev team. We will inform you when there is any update.

Please feel free to contact us if you have further problems.

Best Regards,
Amy
E-iceblue support team
User avatar

amy.zhao
 
Posts: 2766
Joined: Wed Jun 27, 2012 8:50 am

Thu May 26, 2016 6:43 pm

Hi, any update? Will this be fixed?

mkrs
 
Posts: 4
Joined: Mon May 16, 2016 9:51 pm

Fri May 27, 2016 2:52 am

Hi,

Thanks for your inquiry.
Our dev team has fixed most issues. Now there is a little issue about border is under fixing. We will build a new version and tell you when all issues are fixed.

Welcome to feel free to contact us if you need further assistance.

Best Regards,
Amy
E-iceblue support team
User avatar

amy.zhao
 
Posts: 2766
Joined: Wed Jun 27, 2012 8:50 am

Fri Jun 03, 2016 7:50 am

Hello,

The issue has been resolved, and you can download the latest hotfix from the following link and have a try.
http://www.e-iceblue.com/Download/downl ... t-now.html

Sincerely,
Gary
E-iceblue support team
User avatar

Gary.zhang
 
Posts: 1380
Joined: Thu Apr 04, 2013 1:30 am

Thu Jun 09, 2016 8:11 am

Hi,

Does the new hotfix resolve your issue?
Thanks for your feedback in advance.

Best Regards,
Amy
E-iceblue support team
User avatar

amy.zhao
 
Posts: 2766
Joined: Wed Jun 27, 2012 8:50 am

Return to Spire.Doc