山_里_娃
山_里_娃

IOS图文混排编辑器

前言

IOS中图文混排使用的还是比较多的，网上也有相应的第三方库，例如YYText就是一个很好用的第三方库，但是涉及的业务需求不同和考虑到包的资源大小，往往很难复用网上的一些例子和第三方库，正好前段时间公司项目中需要一个图文混排的编辑器，于是乎就根据需求自己写了个图文混排的编辑器，效果和微博 头条文章 正文编辑器比较类似，现在把自己的一些心得和经验分享如下。

牛刀小试篇

  • 刚开始脑子中的第一个想法就是 使用系统自带的UITextView来做，使用UITextView的一个好处是，它本身就是系统提供给我们来处理用户输入文字编辑文字的一个控件，API 提供的一些方法也比较好用。只要我们解决了图片在里面正常显示就可以达到我们想要的效果。于是乎查找下UITextView的API 看看有没有提供相关的方法，最后惊喜地发现UITextView有一个NSTextStorage类型的属性textStorage，而NSTextStorage又是什么呢？

这里简单介绍下：

NSTextStorage保存并管理UITextView要展示的文字内容，该类是NSMutableAttributedString的子类，由于可以灵活地往文字添加或修改属性，所以非常适用于保存并修改文字属性。

这样我们就可以通过富文本向UITextView中插入图片。可能有人就要问了怎样通过富文本向UITextView中插入图片呢？不要忘了系统有给我们提供一个这样的方法：

+ (NSAttributedString *)attributedStringWithAttachment:(NSTextAttachment *)attachment NS_AVAILABLE(10_0, 7_0);

通过这个方法中的NSTextAttachment 类我们可以将UIImage类型转换成NSAttributedString类型，这样我们就可以随心所欲的将文字和图片在UITextView中进行操作。

这里的NSTextAttachment的工作原理是将想要插入的图片作为一个字符处理，转换成NSAttributedString。

思路通了就赶紧去验证下是否可行，下面直接上代码：

#pragma mark -相册代理
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{
    UIImage *image = [info objectForKey:@"UIImagePickerControllerOriginalImage"];
    //适配屏幕宽度
    UIImage *image1 = [image scaleToSize:CGSizeMake(screen_Width, image.size.height*screen_Width/image.size.width)];
    //设置可编辑区域
    UIView *  _whiteView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, screen_Width, screen_Height)];
    _whiteView.backgroundColor = [UIColor whiteColor];
    [[UIApplication sharedApplication].keyWindow addSubview:_whiteView];
    backView = [[SLEditPhoto alloc]initWithFrame:CGRectMake(0, 0, screen_Width, image1.size.height) andWithImage:image1];
    backView.center = _whiteView.center;
    backView.userInteractionEnabled = YES;
    backView.center = self.view.center;
    [_whiteView addSubview:backView];
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(screen_Width, backView.frame.size.height), YES, 1.0);
    [backView.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *uiImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    [_whiteView removeFromSuperview];
    [backView removeFromSuperview];
    //裁剪
    NSTextAttachment *imgTextAtta = [[NSTextAttachment alloc]init];
    CGImageRef img = CGImageCreateWithImageInRect(uiImage.CGImage, CGRectMake(0, 0, image1.size.width-10, image1.size.height));
    UIImage *newImage = [UIImage imageWithCGImage:img];
    imgTextAtta.image = newImage;
    //插入图片
    [_textView.textStorage insertAttributedString:[NSAttributedString attributedStringWithAttachment:imgTextAtta]atIndex:_textView.selectedRange.location];
    //设置光标位置
    _textView.selectedRange = NSMakeRange(_textView.selectedRange.location + 1, _textView.selectedRange.length);
    //设置样式
    [self resetTextStyle];
    [self dismissViewControllerAnimated:YES completion:nil];
    //每次添加完图片后  返回编辑状态
    [_textView becomeFirstResponder];
}

这里需要注意的一点是我们在获得图片后，首先要给图片设置一个可编辑的区域然后再插入，否则插入的图片会是黑色的一个区域。还有就是需要设置textview的光标的位置，以提示用户接下来的编辑位置。

效果图如下：

有设置可编辑区：


IOS图文混排编辑器_第1张图片

没设置可编辑区 ：

IOS图文混排编辑器_第2张图片

到了这里看似已经完美实现了图文混排的编辑和删除功能，但是结合项目的实际需求，当用户编辑完内容发布后，再次进入这个页面编辑内容的时候，我们首先要把从服务端得到的内容按照之前的格式展示出来，在展示的过程中有一个问题：我们需要先把文本中包含的图片下载下来然后在去展示，这样就会出现一个问题：我们的初衷是将文字和图片一起当作字符来显示，现在布局的时候我们不能立刻拿到相应的图片，就会导致布局错乱。当然我们还可以先布局所有文字，然后等图片下载好后再转换成字符插入到相应的文字中，但是这样的话我们会多出很多管理图片插入，记录图片在文本中位置的工作量，而且频繁的这样操作，会使我们的代码逻辑一片混乱。不过如果大家的业务不涉及图片的上传和下载，也就是编辑的图片是在本地加载的，那这是一种十分可行的实现方式，本人亲测可以。

峰回路转篇

显然这样做并不符合我们要求，无奈只有转换思路寻找另一种实现方式。总结上面的实现方式，发现主要的问题是在服务端返回的图片异步加载的时候我们不能立马拿到图片而导致布局的错乱，于是顺着这个问题去思考，要想解决这个问题我们平时最常用的就是使用UIImageView通过SDWebImage来处理，当没获得图片的时候可以使用默认的图片来占位加载，得到图片后在更新UI 。那么我们是不是可以通过UIImageView来加载图片，通过UITextviiew来展示文字，为了可以滑动我们可以将他们加载在UIScrollerView上来展示，这样我们就可以更好的控制文字和图片。
好的，根据上面的分析我们可以将方案抽象为：这个图文混排的编辑器由展示文字的UITextviiew，展示图片的UIImageView和承载这两个控件的UIScrollerView组成。一切搞定，我们来看看具体的实现：
首先我们定义两个方法来创建UITextviiew和UIImageView，采用Masnory自动布局。实现比较简单直接上代码：

#pragma mark--CreatCompoment
- (GADetialTextView * )creatTxetViewWithObject:(id)object text:(NSString *)text type:(ObjectType)type{
    GADetialTextView *textView = [[GADetialTextView alloc]init];
    [textView addSubview:self.placeholder];
    textView.textAlignment = NSTextAlignmentLeft;
    self.placeholder.hidden = YES;
    if (_isDeaultTextView) {
        self.placeholder.hidden = NO;
    }
    if (!_isDeaultTextView) {
        [self.insertObjecArray addObject:textView];
    }
    _isDeaultTextView = NO;
    textView.text = text;
    textView.font = [UIFont systemFontOfSize:17.0];
    CGFloat height = [textView sizeThatFits:CGSizeMake(Width, CGFLOAT_MAX)].height;
    if (!height) {
        height = TexViewDefaultHeight;
    }
    textView.backgroundColor = [UIColor whiteColor];
    textView.textContainerInset = UIEdgeInsetsMake(0.0f, 0.0f, 0.0f, 0.0f);
    textView.delegate = self;
    textView.dataDetectorTypes = UIDataDetectorTypeLink;
    textView.showsVerticalScrollIndicator = NO;
    textView.showsHorizontalScrollIndicator = NO;
    [textView setAutocorrectionType:UITextAutocorrectionTypeNo];
    [textView setAutocapitalizationType:UITextAutocapitalizationTypeNone];
    [self.textScroller addSubview:textView];
    UIView *viewObject = nil;
    UITextView *textViewObject = nil;
    UIScrollView *scrollerObject = nil;
    switch (type) {
        case ObjectofUIview:{
            viewObject = (UIView *)object;
            [textView mas_makeConstraints:^(MASConstraintMaker *make) {
                make.top.equalTo(viewObject.mas_bottom).offset(TextToImageSpace);
                make.height.mas_equalTo(height);
                make.centerX.equalTo(self.textScroller);
                make.width.mas_equalTo(Width);
            }];
        }
            break;
        case ObjectofScrollerView:{
            scrollerObject = (UIScrollView *)object;
            [textView mas_makeConstraints:^(MASConstraintMaker *make) {
                make.top.equalTo(scrollerObject.mas_top).offset(TextToImageSpace);
                make.height.mas_equalTo(height);
                make.centerX.equalTo(scrollerObject);
                make.width.mas_equalTo(Width);
            }];
        }
            break;
        case ObjectofTextView:{
            textViewObject = (UITextView *)object;
            [textView mas_makeConstraints:^(MASConstraintMaker *make) {
                make.top.equalTo(textViewObject.mas_bottom).offset(TextToImageSpace);
                make.height.mas_equalTo(height);
                make.centerX.equalTo(self.textScroller);
                make.width.mas_equalTo(Width);
            }];
        }
            break;
        default:
            break;
    }
    [self performSelector:@selector(gettingFrame) withObject:nil afterDelay:0.5];
    return textView;
}

- (void)gettingFrame{
    CGFloat height ;
    _isEditeTextView = NO;
    if (!_isFirst) {
        //默认只有一个texview
        _isFirst = YES;
        GADetialTextView *defaultTextView = [self.defaultTextViewArray firstObject];
        height = defaultTextView.frame.origin.y + defaultTextView.frame.size.height;
        [self changeTextStrollerContentSizeWithHeight:height];
    }else{
        for ( int i  = 0 ; i < self.insertObjecArray.count; i++) {
            if ([[self.insertObjecArray objectAtIndex:i] isKindOfClass:[GAEditPhoto class]]) {
                GAEditPhoto *photo =(GAEditPhoto*)[self.insertObjecArray objectAtIndex:i];
                height = photo.frame.origin.y + photo.frame.size.height;
                [self changeTextStrollerContentSizeWithHeight:height];
            }else{
                GADetialTextView *textView =(GADetialTextView*)[self.insertObjecArray objectAtIndex:i];
                height = textView.frame.origin.y + textView.frame.size.height;
                [self changeTextStrollerContentSizeWithHeight:height];
            }
        }
        
    }
}

- (GAEditPhoto *)creatPhotoViewWithObject:(id)object iamgeSize:(CGSize)size model:(GAXMLModel *)model image:(UIImage*)image type:(ObjectType)type{
    NSString *url = model.src;
    GAEditPhoto *showPhoto = [[GAEditPhoto alloc]init];
    showPhoto.tag = _iamgeViewTag;
    _iamgeViewTag ++;
    [self.insertObjecArray addObject:showPhoto];
    self.objectType =  ObjectofUIview;
    showPhoto.backgroundColor = [UIColor whiteColor];
    [self.textScroller addSubview:showPhoto];
    CGFloat imageMinHeight = 50;
    CGFloat height = EditePothoDefHeight;
    if (image) {
        if (image.size.height <= imageMinHeight) {
            image = [image scaleToSize:CGSizeMake(image.size.width * imageMinHeight /image.size.height, imageMinHeight)];
            height = image.size.height;
        }else{
            height = image.size.height;
        }
        
    }else if (model.height) {
        height = [model.height floatValue];
    }
    UIView *viewObject = nil;
    UITextView *textViewObject = nil;
    UIScrollView *scrollerObject = nil;
    @weakify(self);
    switch (type) {
        case ObjectofUIview:{
            viewObject = (UIView *)object;
            [showPhoto mas_makeConstraints:^(MASConstraintMaker *make) {
                @strongify(self);
                make.top.equalTo(viewObject.mas_bottom).offset(TextToImageSpace);
                make.height.mas_equalTo(height);
                make.centerX.equalTo(self.textScroller);
                make.width.mas_equalTo(Width);
            }];
        }
            break;
        case ObjectofScrollerView:{
            scrollerObject = (UIScrollView *)object;
            [showPhoto mas_makeConstraints:^(MASConstraintMaker *make) {
                @strongify(self);
                make.top.equalTo(scrollerObject.mas_top).offset(TextToImageSpace);
                make.height.mas_equalTo(height);
                make.centerX.equalTo(self.textScroller);
                make.width.mas_equalTo(Width);
            }];
            
        }
            break;
        case ObjectofTextView:{
            textViewObject = (UITextView *)object;
            [showPhoto mas_makeConstraints:^(MASConstraintMaker *make) {
                @strongify(self);
                make.top.equalTo(textViewObject.mas_bottom).offset(TextToImageSpace);
                make.height.mas_equalTo(height);
                make.centerX.equalTo(self.textScroller);
                make.width.mas_equalTo(Width);
            }];
            
        }
            break;
        default:
            break;
    }
    
    [showPhoto.deleButton addTarget:self action:@selector(deletePhoto:) forControlEvents:UIControlEventTouchUpInside];
    if (image) {
        [showPhoto creatImageViewWith:image andWidth:image.size.width];
        [self.insertImageArray addObject:image];
        [showPhoto addingDeleButton];
        showPhoto.deleButton.tag = _deleTag;
        _deleTag++;
    }
    
    return showPhoto;
}

庖丁解牛篇

一个图文混排的编辑器仅仅可以创建文本和 图片是远远不够，完整的图文混排编辑器肯要包含文本和图片的编辑功能，甚至是将文章内容转换成可以让服务端识别的文本格式，并且可以解析和展示内容。由于本次的文本转换解析方式只是对准公司特定的业务需求，不具有通用性所以这里就不拿出来介绍了，大家可以根据自己的业务需求自行发挥这部分。故下面主要介绍下文字和图片的编辑逻辑的实现：

  • 插入图片

    这里先说明一下本图文混排编辑器的整体设计，首先会声明两个全局的可变数组一个存放默认的UITextview文本控件，另外一个存储用户在编辑过程中创建的文本或图片控件，并且如果用户创建图片控件的时候后面会默认创建一个文本控件，这样可以让用户永远知道下一步操作的地方在哪里。

    好了，知道了整体设计后我们赶紧回归正题，为了给大家讲清楚这个插入图片的逻辑，本人特意画了一个简易的流程图，供大家参考。


    IOS图文混排编辑器_第3张图片

相信聪明的你看完这个流程图后肯定知道怎么实现了吧，下面我们来看下具体的代码实现：

#pragma mark--InsertCompoment
- (void)insertNewImageWithImage:(UIImage *)image model:(GAXMLModel *)model{
    //  插入图片
    GAEditPhoto *photo = nil;
    GADetialTextView *textView = nil;
    if (self.insertObjecArray.count > 0) {
        //规避容器中没有视图的情况 以上个视图为参照物
        if ([[self.insertObjecArray lastObject] isKindOfClass:[GAEditPhoto class]]) {
            //得到布局参照物
            photo =(GAEditPhoto*)[self.insertObjecArray lastObject];
            // 插入图片 并且要在后面放一个默认的textview
            GAEditPhoto *newPhoto = [self creatPhotoViewWithObject:photo iamgeSize:image.size model:model image:image type:ObjectofUIview];
            [self creatTxetViewWithObject:newPhoto text:@"" type:ObjectofUIview];
            self.placeholder.hidden = YES;
        }else{
            //得到布局参照物
            textView =(GADetialTextView*)[self.insertObjecArray lastObject];
            if (textView.text.length == 0) {
                [self.insertObjecArray removeObject:textView];
                [textView removeFromSuperview];
                // 插入图片 并且要在后面放一个默认的textview
                id object = nil;
                photo = [self.insertObjecArray lastObject];
                if (photo) {
                    object = photo;
                }else{
                    object = self.textScroller;
                }
                GAEditPhoto *newPhoto = [self creatPhotoViewWithObject:object iamgeSize:image.size model:model image:image type:ObjectofUIview];
                [self creatTxetViewWithObject:newPhoto text:@"" type:ObjectofUIview];
                self.placeholder.hidden =YES;
            }else{
                // 插入图片 并且要在后面放一个默认的textview
                GAEditPhoto *newPhoto = [self creatPhotoViewWithObject:textView iamgeSize:image.size model:model image:image type:ObjectofTextView];
                [self creatTxetViewWithObject:newPhoto text:@"" type:ObjectofUIview];
                self.placeholder.hidden = YES;
            }
        }
    }else{
        //容器中没有视图 以容器为参照物 因默认是一个textview 当插入图片时移除默认的textview 创建图片
        GADetialTextView *defaultTextView = [self.defaultTextViewArray firstObject];
        if (defaultTextView.text.length == 0) {
            //默认texview 为空 则删
            [defaultTextView removeFromSuperview];
            [self.defaultTextViewArray removeAllObjects];
            photo = [self creatPhotoViewWithObject:self.textScroller iamgeSize:image.size model:model image:image type:ObjectofScrollerView];
            [self creatTxetViewWithObject:photo text:@"" type:ObjectofUIview];
        }else{
            [self.insertObjecArray addObject:defaultTextView];
            //[self.defaultTextViewArray removeAllObjects];
            photo = [self creatPhotoViewWithObject:defaultTextView iamgeSize:image.size model:model image:image type:ObjectofTextView];
            [self creatTxetViewWithObject:photo text:@"" type:ObjectofUIview];
        }
    }
    //更新容器的cosntentsize
    _isEditeTextView = NO;
    [self getInserObjectLastObjectToChangeContensize];
}

  • 删除图片流程

    能插入图片肯定还要删除图片，我们接着看下一张流程图：


    IOS图文混排编辑器_第4张图片

无需多言一切都在图中，请看删除图片的代码实现：

#pragma  mark--DeleteCompoment

- (void)deletePhoto:(id)sender{
    UIButton *deleButton = (UIButton *)sender;
    //需要判断这个textview 是在哪个位置 若在最后一个不做操作 其他情况删除 更新布局
    NSInteger currentImageTag =  deleButton.tag - MaxTag;
    GAEditPhoto *currentPhoto = [self.textScroller viewWithTag:currentImageTag];
    NSInteger currentImageIndext = [self.insertObjecArray indexOfObject:currentPhoto];
    NSInteger count = self.insertObjecArray.count;
    if (currentImageIndext >count || currentImageIndext < 0) {
        return;
    }
    NSInteger lastIndext = currentImageIndext -1;
    NSInteger nextIndext = currentImageIndext +1;
    NSInteger finalIdext = currentImageIndext +2;
    if (!((currentImageIndext == self.insertObjecArray.count -1) ||currentImageIndext == 0)) {
        // 不是最后位置 并且也不在第一个
        id lastObject = [self.insertObjecArray objectAtIndex:lastIndext];
        id nextObject = [self.insertObjecArray  objectAtIndex:nextIndext];
        id finalObject = nil;
        if (self.insertObjecArray.count -1 >= finalIdext) {
            finalObject = [self.insertObjecArray  objectAtIndex:finalIdext];
        }
        //布局nextObject
        if ([lastObject isKindOfClass:[GADetialTextView class]]) {
            [self updateDetialTextViewBottomViewWithNextIndext:nextIndext photo:lastObject];
            GADetialTextView *lastTextview = lastObject;
            //若是两个textview就合并
            if ([nextObject isKindOfClass:[GADetialTextView class]]) {
                GADetialTextView *nextTextView = nextObject;
                lastTextview.text = [lastTextview.text stringByAppendingString:nextTextView.text];
                //改变textview的height
                CGFloat height = [lastTextview sizeThatFits:CGSizeMake(Width, CGFLOAT_MAX)].height;
                //更新当前textview的高
                [lastTextview mas_updateConstraints:^(MASConstraintMaker *make) {
                    make.height.mas_equalTo(height);
                }];
                
                if (finalObject) {
                    [finalObject mas_updateConstraints:^(MASConstraintMaker *make) {
                        make.top.equalTo(lastTextview.mas_bottom).offset(10);
                    }];
                    [self upadteSubViewLayoutWithObject:finalObject];
                    
                }
                [nextObject removeFromSuperview];
                [self.insertObjecArray removeObject:nextObject];
            }else if ([nextObject isKindOfClass:[GAEditPhoto class]]){
                
                [self updateDetialTextViewBottomViewWithNextIndext:nextIndext photo:lastObject];
            }
            
        }else if ([lastObject isKindOfClass:[GAEditPhoto class]]){
            [self updateEditPhotoBottomViewWithNextIndext:nextIndext photo:lastObject];
        }
        
    }else if (currentImageIndext == 0){
        //在第一个位置
        //布局nextObject
        [self updateTextScrollerBottomViewWithNextIndext:nextIndext];
    }
    
    //移除数组中的数据
    [self.insertObjecArray removeObject:currentPhoto];
    [self.insertImageArray removeObject:currentPhoto.addImageView.image];
    [currentPhoto removeFromSuperview];
    _deleTag--;
    _iamgeViewTag--;
    if (self.insertObjecArray.count == 1) {
        if ([[self.insertObjecArray firstObject] isKindOfClass:[GADetialTextView class]]){
            GADetialTextView *textView = [self.insertObjecArray firstObject];
            if (textView.textStorage.length > 0) {
                self.placeholder.hidden = YES;
            }else{
                self.placeholder.hidden = NO;
            }
            
        }
    }
    [self performSelector:@selector(updateScrollerContentsize) withObject:nil afterDelay:0.5];
}

- (void)updateScrollerContentsize{
    _isEditeTextView = NO;
    [self getInserObjectLastObjectToChangeContensize];
}

  • 文本内容发生变化处理逻辑

知道了图片的插入和删除的编辑实现，老司机的你肯定知道接下来要说的什么吧，请看文字变化的时候需要实现的逻辑流程图和代码实现，这里说明下文字变化时的处理逻辑主要是在UITextView的textViewDidChange方法中实现。


IOS图文混排编辑器_第5张图片 
- (void)textViewDidChange:(UITextView *)textView{
    
    GADetialTextView *lastTextView = nil;
    if (self.insertObjecArray.count > 0) {
        lastTextView = (GADetialTextView *)[self.insertObjecArray lastObject];
    }else{
        lastTextView = (GADetialTextView *)[self.defaultTextViewArray firstObject];
    }
    if (textView.textStorage.length > 0 && (lastTextView != textView)) {
        _isEditeTextView = YES;
    }else{
        _isEditeTextView = NO;
    }
    //控制placeholder的显示
    if (![textView.subviews containsObject:self.placeholder]) {
        [textView addSubview:self.placeholder];
    }
    GADetialTextView *firsttextView = nil;
    GADetialTextView *defaultTextView = [self.defaultTextViewArray firstObject];
    if (self.insertObjecArray.count == 1) {
        if ([[self.insertObjecArray firstObject] isKindOfClass:[GADetialTextView class]]){
            firsttextView = [self.insertObjecArray firstObject];
            
            self.placeholder.hidden = NO;
        }
    }
    //当前texvtview是默认的
    if (textView == defaultTextView || textView == firsttextView) {
        if (textView.textStorage.length > 0 ){
            self.placeholder.hidden = YES;
        }else{
            self.placeholder.hidden = NO;
        }
    }
    //改变textview的height
    CGFloat height = [textView sizeThatFits:CGSizeMake(Width, CGFLOAT_MAX)].height;
    //更新当前textview的高
    [textView mas_updateConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(height);
    }];
    //容器第一个是texview
    if (self.insertObjecArray.count > 0) {
        //容器第一个是texview 并且 此时teview就是第一个默认textview
        GADetialTextView *firstTextView = nil;
        //容器第一个是texview
        if ([[self.defaultTextViewArray firstObject] isKindOfClass:[GADetialTextView class]]) {
            firstTextView = [self.defaultTextViewArray firstObject];
            //当前texvtview是默认的
            if (textView == firstTextView) {
                if (textView.textStorage.length > 0 ){
                    self.placeholder.hidden = YES;
                }else{
                    self.placeholder.hidden = NO;
                }
                //当前视图是否只有默认的这个texview
                if (self.insertObjecArray.count > 1) {
                    //还有别的视图 先更新布局
                    if (textView.text.length >0) {
                        for (NSInteger i = 0; i < self.insertObjecArray.count; i++){
                            if ([[self.insertObjecArray objectAtIndex:i] isKindOfClass:[GAEditPhoto class]]) {
                                GAEditPhoto *photo =(GAEditPhoto*)[self.insertObjecArray objectAtIndex:i];
                                [photo mas_updateConstraints:^(MASConstraintMaker *make) {
                                    
                                }];
                            }else{
                                GADetialTextView *textView =(GADetialTextView*)[self.insertObjecArray objectAtIndex:i];
                                [textView mas_updateConstraints:^(MASConstraintMaker *make) {
                                }];
                            }
                            
                        }
                    }else{
                        //文字为空 删除
                        NSInteger indext =  [self.insertObjecArray indexOfObject:textView];
                        //取出下个视图 更新布局
                        NSInteger nextIndext = indext +1;
                        if (self.insertObjecArray.count >= nextIndext + 1) {
                            if ([[self.insertObjecArray objectAtIndex:nextIndext] isKindOfClass:[GAEditPhoto class]]) {
                                GAEditPhoto *photo =(GAEditPhoto*)[self.insertObjecArray objectAtIndex:nextIndext];
                                [photo mas_updateConstraints:^(MASConstraintMaker *make) {
                                    make.top.equalTo(self.textScroller.mas_top).offset(10);
                                }];
                                [self upadteSubViewLayoutWithObject:photo];
                                
                            }else{
                                GADetialTextView *textView =(GADetialTextView*)[self.insertObjecArray objectAtIndex:nextIndext];
                                [textView mas_updateConstraints:^(MASConstraintMaker *make) {
                                    make.top.equalTo(self.textScroller.mas_top).offset(10);
                                }];
                                [self upadteSubViewLayoutWithObject:textView];
                            }
                        }
                        //移除数组中的数据
                        [self.insertObjecArray removeObject:textView];
                        [textView removeFromSuperview];
                    }
                    //设置scrollercontensize
                    [self getInserObjectLastObjectToChangeContensize];
                }else{
                    //只有默认的texview
                    [self changeTextStrollerContentSizeWithHeight:height];
                }
                
            }else{
                //不是默认的
                //容器第一个是texview 并且 此时teview不是第一个默认textview 并且也不在第一个位置
                if (textView.text.length > 0) {
                    [self upadteSubViewLayoutWithObject:textView];
                }else{
                    //需要判断这个textview 是在哪个位置 若在最后一个不做操作 其他情况删除 更新布局
                    NSInteger indext =  [self.insertObjecArray indexOfObject:textView];
                    NSInteger lastIndext = indext -1;
                    NSInteger nextIndext = indext +1;
                    id lastObject = nil;
                    if (!(indext == self.insertObjecArray.count -1)) {
                        // 不是最后位置 并且这个textview也不在第一个
                        if (lastIndext < 0) {
                            //防止上个视图不存在问题
                            lastObject = nil;
                        }else{
                            lastObject = [self.insertObjecArray objectAtIndex:lastIndext];
                        }
                        //布局nextObject
                        if (lastObject) {
                            if ([lastObject isKindOfClass:[GADetialTextView class]]) {
                                [self updateDetialTextViewBottomViewWithNextIndext:nextIndext photo:lastObject];
                            }else if ([lastObject isKindOfClass:[GAEditPhoto class]]){
                                [self updateEditPhotoBottomViewWithNextIndext:nextIndext photo:lastObject];
                            }
                        }else{
                            
                            [self updateTextScrollerBottomViewWithNextIndext:nextIndext];
                        }
                        
                        //移除数组中的数据
                        [self.insertObjecArray removeObject:textView];
                        [textView removeFromSuperview];
                    }
                }
                
            }
        }else{
            //容器第一个不是textview
            //容器第一个不是texview 并且 此时teview不是第一个默认textview
            if (textView.text.length > 0) {
                [self upadteSubViewLayoutWithObject:textView];
            }else{
                //需要判断这个textview 是在哪个位置 若在最后一个不做操作 其他情况删除 更新布局
                NSInteger indext =  [self.insertObjecArray indexOfObject:textView];
                NSInteger lastIndext = indext -1;
                NSInteger nextIndext = indext +1;
                if (!(indext == self.insertObjecArray.count -1)) {
                    // 不是最后位置 并且这个textview也不在第一个
                    id lastObject = [self.insertObjecArray objectAtIndex:lastIndext];
                    //布局nextObject
                    if ([lastObject isKindOfClass:[GADetialTextView class]]) {
                        [self updateDetialTextViewBottomViewWithNextIndext:nextIndext photo:lastObject];
                    }else if ([lastObject isKindOfClass:[GAEditPhoto class]]){
                        [self updateEditPhotoBottomViewWithNextIndext:nextIndext photo:lastObject];
                    }
                    //移除数组中的数据
                    [self.insertObjecArray removeObject:textView];
                    [textView removeFromSuperview];
                }
            }
        }
        
    }else{
        //只有默认textview时 更新scrollrer
        GADetialTextView *textView =(GADetialTextView*)[self.defaultTextViewArray firstObject];
        CGFloat height = textView.frame.origin.y + textView.frame.size.height;
        [self changeTextStrollerContentSizeWithHeight:height];
    }
    //保证最后一个textview的 placeholder 不显示
    if (self.insertObjecArray.count > 1) {
        if ([[self.insertObjecArray lastObject] isKindOfClass:[GADetialTextView class]]){
            self.placeholder.hidden = YES;
        }
    }
    [textView scrollRangeToVisible:NSMakeRange(0, 0)];
}

到这里这个混排编辑器的主要实现已经介绍完了，但是还有一些键盘的适配的逻辑这里我没有在介绍，这些都是常有的知识，相信大家肯定都知道。具体的效果请戳这里https://github.com/FlyWithCode/ImageAndTextMixed

总结

本文按照自己真实项目中解决问题的思路，介绍了两种IOS文混排编辑器的实现。对比这两种各有优缺点，第一种实现起来会相对简单，我们不需要去管理整个编辑器的编辑逻辑，但是具有局限性。第二种是实现方式可能逻辑比较复杂点但是可扩展性比较好，适用范围比较大。也许大家还有更好的实现方式，可能本人的代码还有很多的可优化点，望留言指出，大家一起探讨交流，共同进步。

最后给大家推荐个不错的公众号 "说神码"，或者大家可以扫描下面的二维码关注

IOS图文混排编辑器_第6张图片
qrcode_for_gh_3b0177133bdb_258.jpg

你可能感兴趣的:(IOS图文混排编辑器)

  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • ios GCD _Waiting_
    1.GCD任务和队列学习GCD之前，先来了解GCD中两个核心概念：任务和队列。任务：就是执行操作的意思，换句话说就是你在线程中执行的那段代码。在GCD中是放在block中的。执行任务有两种方式：同步执行（sync）和异步执行（async）。两者的主要区别是：是否等待队列的任务执行结束，以及是否具备开启新线程的能力。同步执行（sync）：同步添加任务到指定的队列中，在添加的任务执行结束之前，会一直等
  • iOS内存管理简单理解 烧烤有点辣
    什么是引用计数引用计数（ReferenceCount）是一个简单而有效的管理对象生命周期的方式。当我们创建一个新对象的时候，它的引用计数为1，当有一个新的指针指向这个对象时，我们将其引用计数加1，当某个指针不再指向这个对象是，我们将其引用计数减1，当对象的引用计数变为0时，说明这个对象不再被任何指针指向了，这个时候我们就可以将对象销毁，回收内存。由于引用计数简单有效，除了Objective-C和S
  • Dockerfile FROM 两个 redDelta
    Docker相关视频讲解：什么是容器Docker介绍实现"DockerfileFROM两个"的步骤步骤表格步骤操作1创建一个Dockerfile文件2写入FROM指令3构建第一个镜像4创建第二个Dockerfile文件5写入FROM指令6构建第二个镜像7合并两个镜像操作步骤说明步骤1：创建一个Dockerfile文件使用任意文本编辑器创建一个名为Dockerfile的文件。登录后复制#Docker
  • Shell脚本中sed使用 jcrhl321 linux
    目录一、sed编辑器1、sed概述2、sed的工作流程3、sed命令的常见格式4、sed命令常用操作二、sed常用命令使用1、sed打印2、sed删除3、sed替换4、sed插入与增加4、sed剪切粘贴与复制粘贴一、sed编辑器sed（StreamEDitor）是一个强大而简单的文本解析转换工具，可以读取文本，并根据指定的条件对文本内容进行编辑（删除、替换、添加、移动等），最后输出所有行或者仅输出
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • 0416-无题37 傻猪唛的天空之城
    办公室外，哗啦啦的下着雨。经过上周闷热，原以为没有春雨了，只是来得晚。天气预报说：本周都是阴雨天气。也好，春天就该是百花盛开，绵绵细雨。刚开始打开编辑器时想发一篇用心写的文章，后来又放弃了。想想有里程碑的意义等过几天再发。日更写得无主题无重点但在末尾我还是用心写了一句鸡汤的啊！给平凡的生活添一点仪式感，自己给自己制造小惊喜。
  • iOS下拉放大效果 RobinZhao
    好多下拉放大的实现方式是在tableView上面添加一个view，同时更改tableView.contentInset，下拉时改变view的frame来实现。今天用另外一种方式实现，效果如下：加油.gif具体实现方法：通过tableViewCell结合xib来实现，具体代码如下HomeViewController.m代码#import"HomeViewController.h"#import"He
  • 【Python】tkinter及组件如何使用 小九不懂SAP 我的Python日记python开发语言tkinter
    一、tkinter的应用场景tkinter是Python的标准GUI（图形用户界面）库，它提供了丰富的控件和工具，使得开发者能够轻松创建跨平台的桌面应用程序。以下是一些tkinter的常见应用场景：桌面应用程序开发：开发者可以使用tkinter来创建各种桌面应用程序，如文本编辑器、计算器、图片查看器、游戏等。这些应用程序可以具有复杂的用户界面，包括窗口、按钮、文本框、下拉菜单、滚动条等。数据可视化
  • axios 请求封装 web Rookie 工作前端javascriptajax
    文章目录1.前言2.axios下载3.代码实现4.实际使用1.前言本文是对于axios的二次封装处理，axios是一个基于Promise的网络请求库，作用于node.js和浏览器中；本文对于axios中的封装着重于直接使用，如果想要学习axios相关知识可以先行离开，后续在对其进行完善2.axios下载npminstallaxios3.代码实现//request.tsimportaxios,{Ax
  • 文本编辑器markdown语法 花北城 科技随笔Markdown
    markdown语法1.介绍Markdown是一种使用一定的语法将普通的文本转换成HTML标签文本的编辑语言，它的特点是可以使用普通的文本编辑器来编写，只需要按照特定的语法标记就可以得到丰富多样的HTML格式的文本。2.标题分级"#"->一级标题"##"->二级标题"###"->三级标题3.分割线使用三个或以上的“-”或者“*”表示(混合的不行)4.斜体和粗体使用(*或者_)和(**或者__)分别
  • 函数可以返回数组吗？有哪3种返回方法呢？如代码种的func2、func3、func4都可以返回数组。func1为什么会报错呢？关于返回数组需要注意哪些呢？ 神笔馬良 java算法数据结构
    问题描述：根据下列代码回答下列问题。//Createdby黑马程序员.#include"iostream"usingnamespacestd;/**函数返回数组，就是返回指针，要注意：*-不可返回局部数组（在函数内创建的数组），如果要返回需要*-static修饰*-动态内存创建（new[]、delete[]）*-返回全局（在函数外创建的对象）**不推荐函数返回数组，因为要么手动delete、要么s
  • ⭐Unity 安卓环境中正确地读取和处理 XML 文件 惊鸿醉 Unityunityandroidxml
    写了一个选择题Demo，电脑包和编辑器内无问题，但是打包安卓手机之后题目无法正常使用，想到的是安卓环境中正确地读取文件的问题改进方案：1.由于XmlDocument.Load方法在Android上的路径问题（由于文件位于APK内部，无法像在文件系统中那样直接访问），需要先使用UnityWebRequest来异步加载文件内容，然后再解析XML。2.异步处理：修改你的代码，以支持异步文件加载和处理，这
  • 撤消操作 guanjianhe
    有时候我们提交完了才发现漏掉了几个文件没有添加，或者提交信息写错了。此时，可以运行带有--amend选项的提交命令尝试重新提交：$gitcommit--amend这个命令会将暂存区中的文件提交。如果自上次提交以来你还未做任何修改（例如，在上次提交后马上执行了此命令），那么快照会保持不变，而你所修改的只是提交信息。文本编辑器启动后，可以看到之前的提交信息。编辑后保存会覆盖原来的提交信息。例如，你提交
  • PDF怎么测量尺寸 时间的回忆88
    PDF文件在使用的时候里面也会有图片与图形，我们需要测量其中尺寸的时候应该怎么做呢？估计各位小伙伴们也都很好奇吧，今天就一起来看看吧！1.首先要选择合适的PDF编辑软件，百度里搜索PDF编辑器http://bianji.xjpdf.com/，然后把这款软件安装在电脑中。编辑器安装完成之后打开运行迅捷PDF编辑器，在编辑器中打开需要测量的PDF图纸文件。2.尺寸的测量需要测量工具，找到编辑器中的工具
  • ios私钥证书(p12)导入失败，Windows OpenSSl 1.1.1 下载 书边事. 其他
    ios私钥证书(p12)导入失败如果你用的OpenSSL版本是v3那么恭喜你V3必然报这个错，解决办法将OpenSSL3降低成v1。WindowsOpenSSl1.1.1下载阿里云网盘下载地址：OpenSSLV1
  • 网上商城项目总结报告 WEB前端程序贵 前端
    网上商城项目总结报告1：掌握的知识通过网上商城这个实战项目的开发，不仅了解到了一个项目的业务逻辑，而且掌握了实现相关业务功能的方法。通过这个实战项目，了解到了模块化开发项目的基础结构的搭建，以及项目文件的管理方式。通过这个实战项目，运用封装的接口api文档实现了客户端服务器之间的交互知识。通过封装的axios实例对象与方法，向服务器请求数据，然后渲染页面。通过运用localStorage本地储存的
  • Linux dmesg命令：显示开机信息 fafadsj666 linux数据库数据挖掘机器学习大数据
    通过学习《Linux启动管理》一章可以知道，在系统启动过程中，内核还会进行一次系统检测（第一次是BIOS进行加测），但是检测的过程不是没有显示在屏幕上，就是会快速的在屏幕上一闪而过那么，如果开机时来不及查看相关信息，我们是否可以在开机后查看呢？答案是肯定的，使用dmesg命令就可以。无论是系统启动过程中，还是系统运行过程中，只要是内核产生的信息，都会被存储在系统缓冲区中，已经为大家精心准备了大数据
  • （小白入门）Windows环境下搭建React Native Android开发环境 码农老黑 前端ReactNative移动开发Androidstudio
    ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和Android两大平台。RN的环境搭建在RN的中文社区有所介绍，但是对于小白来说还是有些太过简略了。RN中文社区详见参考，本文不涉及的问题也许在其中能够有所解答。ReactNative思想底层引擎是JavaSc
  • 招银网络&大疆&元象一面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，XHR、axios和fetch这三者的区别是什么？axios和fetch的底层实现是什么？axios拦截器是什么？axios提供了哪些配置或功能，是fetch和XHR中没有的？你的回答中不要写出示例代码。XHR、axios和fetch的区别XHR(XMLHttpRequest)历史：XHR是最早的AJAX技术，由微软在1999年引入，后来被标准化。兼容性：几乎所有现代浏览器
  • 思科路由器交换机密码破解过程详解 zhane_hao
    路由启动过程加电自检(POST)加载bootstrap代码检查配置寄存器寻找CiscoIOS加载CiscoIOS寻找配置文件加载配置文件若没有配置文件，进入Setup模式，进行初始化配置运行路由器操作系统查看命令•showversion：检查配置寄存器的值,硬件配置,IOS版本•showflash：检查Flash中的IOS,或是flash大小,使用情况(占用多少,剩下多少)•showstartup
  • 一文理解 Python 中的环境变量 简讯Alfred 和我一起零基础学Python简明python教程零基础学pythonpython环境变量
    你好，我是简讯！一枚野生程序员。热爱编程，但目前的工作与编程毫无关系。正在尝试各种副业，目前有做：红包封面商城：如何利用红包封面打造副业购物平台赚取佣金：利用淘宝京东等平台优惠券赚取佣金编辑器使用Neovim多一点，如果你也喜欢使用Nvim，我们可以一起交流。我的Nvim配置：https://github.com/alpha87/nvim。个人公众号经常会分享一些编程相关的文章，还有一些我已经操作
  • 定制优化Nextcloud镜像 攻城狮_正
    Nextcloud是一款开源免费的私有云存储网盘项目，可以让你快速便捷地搭建一套属于自己或团队的云同步网盘，从而实现跨平台跨设备文件同步、共享、版本控制、团队协作等功能。它的客户端覆盖了Windows、Mac、Android、iOS、Linux等各种平台，也提供了网页端以及WebDAV接口，所以你几乎可以在各种设备上方便地访问你的云盘。Nextcloud基于PHP语言开发，可以使用Nginx+PH
  • 【无标题】 2401_84102689 2024年程序员学习java
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Mark
  • UnrealEngine学习(03)：虚幻引擎术语 依晴无旧 UnrealEngine学习虚幻游戏引擎
    1.项目虚幻引擎5项目（UnrealEngine5Project）中包含游戏的所有内容。项目中包含的大量文件夹都在磁盘上，例如Blueprints和Materials。你可以按照自己的意愿命名文件夹并将其整理到项目中。虚幻编辑器（UnrealEditor）中的内容浏览器（ContentBrowser）面板显示与磁盘上的Project文件夹相同的目录结构。每个项目都有与其关联的.uproject文件
  • iOS使用SDWebview加载图片失败？ AnderQZ
    今天调试遇到一个很无奈的问题，就是出现了image无法加载出来。最后才发现是图片使用了中文命名，真TM的坑！SDWebimage没办法识别中文，必须要encode才行！
  • Dev-C++头文件小Bug 蒟蒻pzjdsg666 bugc语言c++
    Dev-C++应该是大家最常用的C++软件了吧，但它有几个小Bug。1、“万能头”众所周知，“万能头”在官方比赛中不能使用（你要用没人拦着你~呵呵），但在Dev-C++可以使用。所以，我们可以省掉好多头文件！如下：#includeusingnamespacestd;2、C语言头文件在Dev-C++中，你竟然可以使用C语言头文件（惊不惊喜~意不意外~）如下：#include3、iostream竟然包
  • vue axios跨域访问相关问题 | axios默认发送‘application/x-www-form-urlencoded‘格式数据 | Content-Type is not allowed b 就是爱吃肉ro #Vue&uni-appaxiosajaxcors跨域vuex-www-form-url
    文章目录概述报错1Content-TypeisnotallowedbyAccess-Control-Allow-Headersinpreflightrespon报错2返回状态码500好久没更博客了,最近一直搞框架搞项目,好多问题也都没有记录下来…好吧,那从今天起来,继续开始保持记录的好习惯,先写一下在axios上踩下了这么多坑.概述通过以下两个报错,来介绍解决使用axios来进行网络请求中的遇到的
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他