razor - ckeditor 和 razor 语法模板-6ren

razor - ckeditor 和 razor 语法模板

转载作者：行者123 更新时间：2023-12-01 02:26:04

24

4

我有一个有趣的问题。我有一个发送电子邮件的网站。
电子邮件模板通常是直截了当的，但对于一位客户，他希望我将他的公共(public)网站上的内容转换为电子邮件友好的 html。

我不仅要解决他特定网站的问题，还要解决其他未知网站的问题。
所以我记得你可以将 Razor 作为模板引擎运行。

长话短说。它正在运行并且运行良好。
我的问题归结为这一点。当有人用 Razor 风格的循环编辑模板时，Ckeditor 的行为非常奇怪。

知道如何防止 CKEditor 搞砸吗？

<table style="width: 100%;" width="100%">
<tbody>
@foreach (var row in body.indexPageRow) { 
foreach (var cell in row.teaser) {
    <tr>
        <td class="row">@Raw(cell.teaserContent.a.Html)</td>
        <td class="row">@Raw(cell.teaserContent.div.InnerHtml)</td>
    </tr>
    }}
</tbody>
</table>

上面的代码保存在ckeditor中时去掉了razor信息，变成了一个空表

<table style="width: 100%;" width="100%">
    <tbody></tbody>
</table>

最佳答案

我能想到的唯一方法是结合使用 html 注释和 razor 注释。

最初，您会像这样编写 Razor 模板:

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
</head>
<body>
<table>
<tbody>
    <tr><td>X</td><td>Y</td></tr>
@*<!--*@
    @for (var x = 1; x < 5; x++) { 
    for (var y = 1; y < 5; y++) {
@*-->*@
    <tr>
        <td class="row">@Html.Raw(x)</td>
        <td class="row">@Html.Raw(y)</td>
    </tr>
@*<!--*@
    }
}
@*-->*@
</tbody>
</table>
</body>
</html>

上面的代码是有效的，并且将无错误地呈现。但是当你把它放入 html 编辑器时，它会被浏览器重新排列，所以你需要在它显示进行编辑之前对其进行更改，以便删除 razor 注释，只保留 html 注释。

因此，一旦您通过替换 @**@ 的所有实例与 -->你应该有以下

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
</head>
<body>
<table>
<tbody>
    <tr><td>X</td><td>Y</td></tr>
<!--
    @for (var x = 1; x < 5; x++) { 
    for (var y = 1; y < 5; y++) {
-->
    <tr>
        <td class="row">@Html.Raw(x)</td>
        <td class="row">@Html.Raw(y)</td>
    </tr>
<!--
    }
}
-->
</tbody>
</table>
</body>
</html>

这将在 html 编辑器中呈现，并且不会被浏览器破坏，正如 Alfonso 指出的那样，jsfiddle http://jsfiddle.net/wPGLd/3/ 上的一个示例

编辑完成后，您需要捕获 html 并通过替换  的所有实例与 @*-->*@
在进入 ckeditor 之前和之后截取 html 是相当直接的并且有据可查。我发现以下文章解释了如何在提交时获取 ckeditor 内容

How to update CKEditor content on form submit – equivalent of OnAfterLinkedFieldUpdate FCKEditor

以下问题也涵盖了这一点

Update editor content immediately before save in CKEditor plug-in

关于razor - ckeditor 和 razor 语法模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16353055/

24

4

0

文章推荐： javascript - 如何使 HTML 文本显示为禁用状态？

文章推荐： javascript - 使用js替换url参数值

文章推荐： javascript - 仅使用类名删除 div

语法
在此处回答的另一个问题中，我发现了以下 JavaScript代码: function _dom_trackActiveElement(evt) { if (evt && evt.target)
语法
if (A == 0) OR (B == 0) 怎么说？最佳答案只是为了讽刺: if (A === 0 || B === 0) 关于语法，我们在Stack Overflow上找到一个类似的问题：
语法
var ret = [] ,xresult = document.evaluate(exp, rootEl, null, X
语法
我一直在寻找一些类似于下例的 JavaScript。有人可以解释一下吗，因为我以前从未见过这样编写的 JavaScript。 “SomethingHere”和冒号代表什么？我习惯于看到函数 myFun
mysql程序: syntax,语法，语法……太难找了
这是我的程序: delimiter // drop procedure if exists migContactToActor; create procedure migContactToActor(
c - 从 icc 获取 Intel 语法 asm 输出，而不是默认的 AT&T 语法？
我遇到了一个问题。我一直在使用 gcc 编译/汇编我的 C 代码一段时间，并且习惯了阅读 Intel 汇编语法。我在生成程序集文件时使用了 -masm=intel 标志。但是最近因为公司迁移，拿到了
语法:自上而下和自下而上的区别？
自上而下和自下而上语法有什么区别？举个例子就太好了。最佳答案首先，语法本身不是自上而下或自下而上的，解析器是(尽管有些语法可以被其中一个解析，但不能被另一个解析)。从实践的角度来看，主要区别在于
AppleScript 语法
我知道这是草率的代码，但它是: display dialog ("Start Screensaver. Please type: matrix, coffee, waffles, star, wate
Java 语法 ": "
这个问题已经有答案了: Giving name to a loop (6 个回答) 已关闭 8 年前。我见过这个字符在 C# 中使用，就像 Java 中的扩展一样，但最近我在代码中发现了这个 loo
在函数中通过指针调用字符串(语法)
我正在尝试编写一个函数来检查字符串是否为回文，但我认为在使用字符串指针时存在一些错误。这段代码有什么问题？ #include #include #define MAX 1000 int IsPalin
Javascript "for"语法
所以在this question我询问了一些 Javascript 是如何被压缩的。问题已得到解答，但以下片段让我非常困惑，以至于我不得不问另一个问题。在这里: for (Y = 0; $ = 'zx
调用函数指针(语法)
假设我有一个接受这些参数的函数。 int create(Ptr * p,void * (*insert)(void *, void *)) { //return something later } 结
C语言未知&语法
这个问题已经有答案了: Bitwise '&' operator (6 个回答) 已关闭 5 年前。我在代码中找到了这个，但我从未遇到过像 & 这样的事情，仅 && if ((code & 1) =
使用继承的c++语法
我在处理继承类及其中的构造函数和方法的语法时遇到了问题。我想实现一个类日期和一个子类 date_ISO，它们将按特定顺序设置给定的日、月、年，并通过一种方法将其写入字符串。我觉得我的基类日期工作正常
MySQL IF THEN AS 语法
我正在尝试通过存储过程填充表，如下所示: SET @resultsCount = (SELECT COUNT(*) FROM tableA); SET @i = 0; WHILE @i THEN
Bash 语法 : What is the "<<"?
谁能解释一下下面代码中的“<<”？ mysql test<
MySQL OR AND 语法
刚刚开始学习 MySQL，这是一个菜鸟问题，也是我在 StackOverflow 上的第一个问题。假设我有 12 个订单状态，我想从其中的 5 个中选择总计。我会使用: SELECT SUM(tot
JavaScript 语法
我的编程背景是在学校学过一点Java。由于某些原因，JavaScript 语法往往让我感到困惑。下面的 JavaScript 代码是一种我不知道如何构成的语法模式: foo.ready = funct
JavaScript 语法 $
我正在阅读 javascript 源代码，并且我以前没有编写过 javascript。我对它的一些语法感到困惑。 $(function () { window.onload=function
JavaScript 语法？
我什至不知道如何命名我想要的东西。那么让我举个例子来解释一下。虽然火狐使用textContent，但其他浏览器支持innerText属性。顺便说一句，如果我使用了错误的术语，请纠正我。无论如何，到目

首页

博学

6Ren·AI

商城

razor - ckeditor 和 razor 语法模板