更改默认的PlantUML外观选项

时间:2019-10-18 10:43:01

标签: plantuml docsify

我必须为学校做一个文档化文档,为此我们得到了一个模板文档。

因此,我正在更改某些内容,并查看了文档的index.html。 我在index.html中注意到了一部分脚本代码,如下所示:

// Optionen fuer PlantUML Import
plantuml: {
   skin: 'classic'
},

该评论以德语显示,但在英语中为:“ PlantUML导入选项”。

看到“皮肤:'经典'之后,我认为这可能意味着还有其他皮肤,因此我跳入Google并搜索了皮肤。

我在index.html中找到了更改颜色和外观PlantUML的方法,但与此脚本部分无关。

有人知道其他皮肤吗?以及如何改变呢?是否有其他“占位符”占位符会改变PlantUML的外观?

1 个答案:

答案 0 :(得分:0)

在插件文档(https://www.npmjs.com/package/docsify-plantuml#skin中,const ScatterPlot_RubriItemAnalytics = (props) => { useEffect(() => { chart.selectAll('dot').data(assessmentHistory).enter() .append('circle') .attr('r', 5) .attr('cx', function (d: any) { return xScale(d3.timeParse("%Y-%m-%d")(d.dateCreated)); }) .attr('cy', function (d: any) { return yScale1(d["averageScore"]) }) .attr("stroke", color[0]).attr("stroke-width", 2).attr("fill", "white") .on("click", function (this: any, d: any) { d3.select(this).transition().attr("r", 4 * 2).transition().attr("r", 5) props.fetchAssessmentActivityByDate(d3.timeParse("%Y-%m-%d")(d.dateCreated)); tooltipActivityDetails.transition().duration(200).style("opacity", .9) .style("left", (d3.event.pageX) + "px") .style("top", (d3.event.pageY - 28) + "px");; if (props.assessments && props.assessmentIds.length > 0) { //CODE TO GENERATE A HTML STRING //BASED ON props.assessments && props.assessmentIds } newHtml.push('HTML STRING GENERATED'); tooltipActivityDetails.html(newHtml.join("")) }).on("mouseout", function () { tooltipActivityDetails.transition().duration(500).style("opacity", 0); }); }, [props.analyticsData, props.assessmentIds]) return ( <div id="div_rubricItemAnalytics"> <svg id={`chart`}></svg> <div className="small text-muted font-italic"><mark>[Mouse over the chart to see the values.]</mark></div> </div> ) } 选项仅接受两个值:

  • st_SelectedRubricItemId && <div className="bg-white"> <ScatterPlot_RubriItemAnalytics key={st_SelectedRubricItemId} assessments={props.assessments} assessmentIds={props.assessmentIds} fetchAssessmentActivityByDate={fetchAssessmentActivityByDate} analyticsData={props.rubricItemStats} /> </div> :正如他们所说的,是一种更清洁的版本(https://github.com/matthewjosephtaylor/plantuml-style:白色的版本)
  • skin:经典版本(https://github.com/matthewjosephtaylor/plantuml-style:带有红色边框的黄色)